/* ============================================================
   PROFENAA TECHNOLOGIES — Design Tokens (LIGHT THEME)
   Palette pulled from the brand mark: crisp white body, a two-step
   blue gradient for the "arrow" facets, warm amber reserved for
   flagship / enroll moments only. Token NAMES are kept as-is
   (navy-950…ink-700) so every component file below keeps working —
   only the VALUES were flipped from dark-surface to light-surface.
   ============================================================ */
:root{
  /* -- Core "navy" scale — now the light SURFACE scale (950=lightest bg) -- */
  --navy-950:#ffffff;
  --navy-900:#f6f8fd;
  --navy-850:#eef2fb;
  --navy-800:#e7ecf9;
  --navy-700:#d7dff5;

  /* -- Brand blue scale (unchanged — still the accent) -- */
  --blue-700:#1b3fa0;
  --blue-600:#2158d6;
  --blue-500:#2f79f0;
  --blue-400:#4fa3ff;
  --cyan-300:#1691c9;
  --cyan-200:#0a75b8;

  /* -- Amber, reserved strictly for flagship / CTA / enroll accents -- */
  --amber-400:#e8992e;
  --amber-300:#c97f14;

  /* -- Neutrals — now the DARK-TEXT scale (white=darkest text) -- */
  --white:#0b1330;
  --ink-100:#1c2748;
  --ink-300:#4b567e;
  --ink-500:#78839f;
  --ink-700:#aab4d6;

  /* -- Gradients -- */
  --grad-brand:linear-gradient(135deg,var(--blue-700) 0%,var(--blue-500) 55%,var(--cyan-300) 100%);
  --grad-hero:radial-gradient(120% 120% at 15% 0%, #eef3ff 0%, #f7f9fd 45%, #ffffff 100%);
  --grad-amber:linear-gradient(135deg,#e8992e 0%,var(--amber-400) 60%,var(--amber-300) 100%);
  --grad-glass:linear-gradient(180deg, rgba(47,121,240,.05) 0%, rgba(47,121,240,.015) 100%);

  /* -- Type -- */
  --font-display:'Space Grotesk', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-tamil:'Catamaran', sans-serif;

  --fs-h1:clamp(2.4rem, 1.6rem + 3.4vw, 4.6rem);
  --fs-h2:clamp(1.9rem, 1.4rem + 2vw, 3rem);
  --fs-h3:clamp(1.3rem, 1.1rem + .8vw, 1.7rem);
  --fs-body:clamp(1rem, .95rem + .2vw, 1.08rem);
  --fs-small:.875rem;
  --fs-eyebrow:.78rem;

  /* -- Spacing scale -- */
  --sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem;
  --sp-5:1.5rem; --sp-6:2rem; --sp-7:3rem; --sp-8:4.5rem; --sp-9:6.5rem;

  /* -- Radii / shadows -- */
  --r-sm:10px; --r-md:16px; --r-lg:24px; --r-pill:999px;
  --shadow-soft:0 20px 50px -24px rgba(16,26,64,.22);
  --shadow-glow:0 0 0 1px rgba(47,121,240,.14), 0 20px 50px -20px rgba(47,121,240,.28);
  --shadow-amber-glow:0 12px 34px -14px rgba(232,153,46,.4);
  --border-soft:1px solid rgba(16,26,64,.08);

  /* -- Layout -- */
  --container:1240px;
  --nav-h:80px;
  --ease:cubic-bezier(.22,1,.36,1);
}

::selection{ background:var(--blue-500); color:#ffffff; }