/* ============================================================
   GenesisChain — Design Tokens
   Light "warm-blue" theme: a soft, paper-like surface tinted toward
   the brand blue (not cream/beige-by-default), with deep navy ink and
   the brand blues carried in accents. Composed in OKLCH.
   Brand identity preserved: #123962 / #2754ba / #00aee6
   ============================================================ */

:root {
  /* ---- Brand blues (unchanged identity anchors) ---- */
  --blue-dark:  #123962;
  --blue:       #2754ba;
  --blue-light: #00aee6;

  /* ---- Page surface scale ----
     A warm off-white tinted toward the brand hue (~250) with a faint
     warmth so it reads as soft paper, never cream. Light → slightly deeper. */
  --bg:    oklch(0.974 0.008 255);   /* page base — pale warm-blue paper */
  --bg-1:  oklch(0.962 0.010 252);   /* one step down */
  --bg-2:  oklch(0.945 0.013 250);   /* recessed panels */
  --bg-3:  oklch(0.915 0.016 248);   /* deepest neutral surface */

  /* ---- Accent (brand blues, kept vivid but used sparingly) ---- */
  --accent:     oklch(0.58  0.142 240);  /* primary highlight — brand blue, calmer */
  --accent-ink: oklch(0.46  0.150 245);  /* accent for text/links on light bg (AA) */
  --accent-2:   oklch(0.55  0.130 262);  /* secondary, periwinkle */
  --mint:       oklch(0.62  0.110 175);  /* success / complete */
  --red:        oklch(0.58  0.180 18);   /* error / broken */

  /* ---- Text (deep navy ink, not pure black) ---- */
  --text:     oklch(0.30 0.045 255);   /* primary ink — deep navy */
  --text-2:   oklch(0.44 0.035 252);   /* secondary body */
  --text-3:   oklch(0.535 0.028 250);  /* muted captions — 4.78:1 on bg, AA body (was 0.56 = 4.31, just under) */
  --text-inv: oklch(0.985 0.004 255);  /* light text on dark/accent fills */

  /* ---- Surfaces ---- */
  --surface:    oklch(0.30 0.045 255 / 0.035);  /* faint ink wash */
  --surface-2:  oklch(0.30 0.045 255 / 0.06);
  --surface-3:  oklch(0.30 0.045 255 / 0.10);
  --card:       oklch(0.995 0.003 255);  /* cards sit slightly above the page */
  --card-2:     oklch(0.978 0.008 252);
  --border:     oklch(0.30 0.045 255 / 0.12);
  --border-2:   oklch(0.30 0.045 255 / 0.20);
  --border-3:   oklch(0.30 0.045 255 / 0.32);

  /* ---- Semantic status tints (soft fills + borders, theme-correct) ---- */
  --accent-tint:   oklch(0.58 0.142 240 / 0.08);
  --accent-tint-2: oklch(0.58 0.142 240 / 0.14);
  --accent-bd:     oklch(0.58 0.142 240 / 0.30);
  --mint-ink:      oklch(0.46 0.110 175);
  --mint-tint:     oklch(0.62 0.110 175 / 0.10);
  --mint-bd:       oklch(0.62 0.110 175 / 0.32);
  --red-tint:      oklch(0.58 0.180 18 / 0.10);
  --red-bd:        oklch(0.58 0.180 18 / 0.32);

  /* ---- Glows / shadows (soft, light-theme appropriate) ---- */
  --glow-sm:  0 1px 2px rgba(31, 58, 110, .10), 0 6px 20px -8px rgba(39, 84, 186, .25);
  --glow-lg:  0 2px 6px rgba(31, 58, 110, .12), 0 16px 40px -12px rgba(39, 84, 186, .35);
  --shadow:   0 1px 0 rgba(255,255,255,.6) inset, 0 12px 32px -18px rgba(20, 40, 80, .28);

  /* ---- Type ---- */
  --font-display: "Space Grotesk", system-ui, sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, monospace;

  /* Fluid type scale */
  --t-xs:  clamp(0.72rem, 0.68rem + 0.18vw, 0.82rem);
  --t-sm:  clamp(0.86rem, 0.82rem + 0.2vw,  0.94rem);
  --t-md:  clamp(1rem,    0.96rem + 0.22vw,  1.08rem);
  --t-lg:  clamp(1.18rem, 1.08rem + 0.5vw,   1.38rem);
  --t-xl:  clamp(1.44rem, 1.24rem + 1vw,     1.9rem);
  --t-2xl: clamp(1.9rem,  1.5rem  + 2vw,     2.9rem);
  --t-3xl: clamp(2.6rem,  1.9rem  + 3.5vw,   4.8rem);

  /* ---- Spacing ---- */
  --sp-1: 0.5rem;
  --sp-2: 0.75rem;
  --sp-3: 1rem;
  --sp-4: 1.5rem;
  --sp-5: 2rem;
  --sp-6: 3rem;
  --sp-7: 4.5rem;
  --sp-8: 7rem;

  /* ---- Radii ---- */
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-pill: 999px;

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --t-fast: 140ms;
  --t-base: 260ms;
  --t-slow: 500ms;

  /* ---- Layout ---- */
  --maxw:       1160px;
  --maxw-prose: 66ch;

  /* ---- Z-index ---- */
  --z-aurora:  0;
  --z-base:    1;
  --z-sticky:  100;
  --z-nav:     200;
  --z-modal:   400;
  --z-toast:   500;
}

/* color-scheme hint so form controls / scrollbars render light */
:root { color-scheme: light; }