/* ============================================================
   Fintellect design tokens
   Palette: client CI deck (COLOR GUIDE slide) verbatim, plus the
   two derived darks agreed in PLAN.md §2. Nothing else.
   ============================================================ */

:root {
  /* CI palette - do not alter */
  --blue-700: #1B5895;  /* CI primary */
  --blue-600: #3E73A0;
  --blue-500: #5C8FB5;
  --blue-400: #7EB2D3;
  --blue-300: #A7D8F4;
  --gold:     #FFCE07;  /* CI accent */

  /* Derived darks (same hue as primary, agreed 2026-08-29) */
  --navy-900: #0B2E4F;  /* deep ground */
  --navy-800: #123F69;  /* raised surface on the deep ground */

  /* Neutrals derived from the primary hue (CI defines none) */
  --ink:        var(--navy-900); /* headings on light */
  --body-color: #37485C;         /* body on light */
  --muted:      #5D7186;         /* secondary on light */
  --paper:      #FFFFFF;
  --paper-tint: #F2F6FA;         /* alternating light band */
  --hairline:   #D9E3EC;

  /* On the navy grounds - tinted from the hue, never gray */
  --on-dark:        #FFFFFF;
  --on-dark-body:   #C9DAE9;
  --on-dark-muted:  #8FAECB;
  --hairline-dark:  rgba(167, 216, 244, 0.22);

  /* Type - Anuphan variable carries TH and EN alike */
  --font: 'Anuphan', 'IBM Plex Sans Thai', 'Helvetica Neue', Arial, sans-serif;

  --display-size: clamp(2.75rem, 1.9rem + 3.6vw, 4.5rem);
  --display-weight: 640;
  --display-leading: 1.06;
  --display-tracking: -0.03em;

  --h2-size: clamp(1.9rem, 1.45rem + 1.9vw, 2.75rem);
  --h2-weight: 620;
  --h2-leading: 1.14;
  --h2-tracking: -0.022em;

  --h3-size: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);
  --h3-weight: 600;
  --h3-leading: 1.3;
  --h3-tracking: -0.012em;

  --lead-size: clamp(1.125rem, 1.05rem + 0.35vw, 1.3125rem);
  --body-size: 1.0625rem;   /* 17px - raised on purpose; her complaint was small body */
  --body-leading: 1.75;     /* Thai ascender/descender headroom */
  --small-size: 0.9375rem;
  --label-size: 0.8125rem;
  --label-tracking: 0.14em;

  --stat-size: clamp(2.5rem, 2rem + 2.4vw, 4rem); /* animated counters */

  /* Layout - McKinsey discipline: hard left axis, generous rhythm */
  --container: 76.25rem;                     /* 1220px */
  --gutter: clamp(1.25rem, 4vw, 2.5rem);
  /* The x-position of the container's content edge, usable by full-bleed
     bands that still have to honour The Left Axis Rule. */
  --band-inset: max(var(--gutter), calc((100% - var(--container)) / 2));
  --section-pad: clamp(4.5rem, 4rem + 4vw, 7.5rem);
  --measure: 68ch;                           /* body copy max width */
  --measure-narrow: 46ch;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur: 320ms;

  color-scheme: light;
  accent-color: var(--blue-700);
}