/* ============================================================
   NYAVE — Grant / Credibility Site
   Design tokens. Single source of truth.
   Warm cream paper · deep navy-ink · single brick-red accent
   (drawn from the logo). Editorial-legal, restrained.
   ============================================================ */

:root {

  /* ----- COLOR · cream paper ---------------------------------- */
  --paper:     oklch(0.972 0.011 83);   /* page background */
  --paper-2:   oklch(0.953 0.013 82);   /* raised panel */
  --paper-3:   oklch(0.932 0.015 80);   /* sunken / inset */

  /* ----- COLOR · navy ink (text on paper + dark sections) ----- */
  --ink:       oklch(0.250 0.040 264);  /* primary text, headlines */
  --ink-2:     oklch(0.390 0.030 264);  /* body secondary */
  --ink-3:     oklch(0.530 0.024 264);  /* metadata, captions */
  --ink-4:     oklch(0.680 0.018 264);  /* faint, placeholder */

  --navy:      oklch(0.238 0.045 264);  /* dark section bg (= logo) */
  --navy-deep: oklch(0.188 0.040 264);  /* deeper navy */
  --navy-2:    oklch(0.300 0.042 264);  /* raised panel on navy */
  --navy-rule: oklch(0.360 0.038 264);  /* hairline on navy */

  /* ----- COLOR · bone (text on navy) -------------------------- */
  --bone:      oklch(0.928 0.022 88);   /* primary on navy (= logo) */
  --bone-2:    oklch(0.780 0.022 84);   /* secondary on navy */
  --bone-3:    oklch(0.620 0.024 80);   /* tertiary on navy */

  /* ----- COLOR · brick red (single accent) -------------------- */
  --red:       oklch(0.510 0.155 30);   /* the accent (= logo NYAVE) */
  --red-deep:  oklch(0.440 0.150 29);   /* hover on paper */
  --red-bright:oklch(0.585 0.170 32);   /* on navy */
  --red-soft:  oklch(0.928 0.038 40);   /* wash on paper */
  --red-line:  oklch(0.820 0.080 36);   /* hairline on soft */

  /* ----- STATUS (progress tracker) ---------------------------- */
  --done:      oklch(0.520 0.095 175);  /* muted teal — completed */
  --done-soft: oklch(0.930 0.035 175);
  --active:    var(--red);              /* live now */
  --active-soft: var(--red-soft);
  --next:      var(--ink-4);            /* upcoming */

  /* ----- RULES ------------------------------------------------ */
  --rule:        oklch(0.882 0.012 83);
  --rule-strong: oklch(0.800 0.018 80);

  /* ----- TYPE ------------------------------------------------- */
  --serif: 'Spectral', Georgia, 'Times New Roman', serif;
  --sans:  'Inter', -apple-system, 'SF Pro Text', system-ui, 'Segoe UI', sans-serif;
  --deva:  'Noto Serif Devanagari', 'Spectral', serif;

  --t-eyebrow: 12px;
  --t-xs:   13px;
  --t-sm:   15px;
  --t-base: 17px;
  --t-md:   19px;
  --t-lg:   23px;
  --t-xl:   30px;
  --t-2xl:  40px;
  --t-3xl:  clamp(34px, 4.4vw, 58px);
  --t-hero: clamp(40px, 6.1vw, 88px);
  --t-stat: clamp(52px, 7vw, 104px);

  --lh-tight: 1.05;
  --lh-snug:  1.16;
  --lh-mid:   1.38;
  --lh-body:  1.62;

  --tr-tight: -0.022em;
  --tr-snug:  -0.012em;
  --tr-label: 0.14em;
  --tr-wide:  0.22em;

  /* ----- SPACE · 4pt ------------------------------------------ */
  --s1: 4px;  --s2: 8px;  --s3: 12px;  --s4: 16px;
  --s5: 20px; --s6: 24px; --s7: 32px;  --s8: 40px;
  --s9: 56px; --s10: 72px; --s11: 96px; --s12: 128px; --s13: 176px;

  /* ----- LAYOUT ----------------------------------------------- */
  --maxw:    1200px;
  --measure: 64ch;
  --nav-h:   74px;
  --gutter:  clamp(22px, 5.2vw, 96px);

  --r1: 2px; --r2: 4px; --r3: 8px; --r-pill: 999px;

  /* ----- MOTION ----------------------------------------------- */
  --ease:     cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast: 180ms;
  --t-mid:  340ms;
  --t-slow: 720ms;
}