/* datasapiens — design tokens.
   Values are copied verbatim from the signed-off design. Do not invent new ones:
   add a token here first, then use it. */

:root {
  /* ---- Type ------------------------------------------------------------ */
  --font-display: 'Crete Round', Georgia, serif;
  --font-body: 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  /* ---- Ink ------------------------------------------------------------- */
  --ink: #393F56;          /* body text, and the dark section background */
  --muted: #6E7486;
  --subtle: #9AA3B5;

  /* ---- Brand & accents ------------------------------------------------- */
  --blue: #019BEE;         /* CTAs, headline flips */
  --blue-light: #8CD3F7;
  --link: #0271AC;         /* body links, positive data */
  --teal: #35C0C0;
  --teal-light: #65DCD4;   /* headline flips + key numbers on dark */
  --teal-pale: #93E1DE;
  --teal-wash: #EAF9F9;         /* Caisy panel wash */
  --teal-wash-line: #C9EDED;
  --teal-wash-rule: #DFF2F2;
  --teal-dark: #2A9D9D;    /* teal kickers on light */
  --purple: #8D5BDD;
  --purple-light: #C4A9F0;
  --purple-mid: #B99AEC;   /* purple kicker on dark */
  --purple-dark: #7A4BC9;  /* purple kicker on light */
  --purple-alt: #7A48CC;   /* second capability group */
  --indigo: #567CD4;
  --indigo-light: #A6BCEB;
  --indigo-mid: #8FA9E4;   /* indigo kicker on dark */
  --indigo-deep: #4468BE;  /* indigo kicker on light */
  --negative: #C0342B;
  --positive: #0271AC;

  /* ---- Surfaces -------------------------------------------------------- */
  --white: #FFFFFF;
  --tint: #EDF2F7;         /* flat section tint */
  --tint-soft: #F7FAFD;    /* icon tiles, chips, table zebra */
  --hero-blue: #D6E6F6;    /* hero gradient stop */
  --hero-blue-soft: #EBF2FB;
  --tint-cool: #F5F9FD;    /* alternating suite band */
  --cta-blue: #E2ECF7;     /* closing CTA band */
  --fade-blue: #F2F6FA;    /* soft gradient stop */
  --dark: #393F56;

  /* ---- On dark --------------------------------------------------------- */
  --on-dark: #FFFFFF;
  --on-dark-body: #C9D2E4;
  --on-dark-muted: #AEB9CE;
  --on-dark-mono: #8FB9C9;
  --on-dark-note: #8B96AD;
  --on-dark-faint: #9AA9C4;
  --on-dark-line: rgba(255, 255, 255, .15);
  --on-dark-glass: rgba(255, 255, 255, .06);
  --on-dark-glass-line: rgba(255, 255, 255, .12);

  /* ---- Lines ----------------------------------------------------------- */
  --line: #E4EAF2;         /* cards, table head rules */
  --line-soft: #EDF2F7;    /* row dividers */
  --line-mid: #DCE5EF;
  --line-strong: #C9D6E8;  /* inputs, chips, diagram strokes */
  --line-diagram: #BAC8DC;

  /* ---- Radii ----------------------------------------------------------- */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 14px;
  --r-xl: 16px;
  --r-pill: 20px;

  /* ---- Shadows --------------------------------------------------------- */
  --shadow-card: 0 8px 24px rgba(57, 63, 86, .10);
  --shadow-card-lg: 0 12px 32px rgba(57, 63, 86, .12);
  --shadow-menu: 0 12px 32px rgba(57, 63, 86, .18);
  --shadow-panel: 0 16px 32px rgba(57, 63, 86, .12);
  --shadow-raised: 0 16px 34px rgba(57, 63, 86, .22);
  --shadow-stack: 0 10px 26px rgba(57, 63, 86, .10);
  --shadow-soft: 0 2px 16px rgba(86, 124, 212, .12);

  /* ---- Layout ---------------------------------------------------------- */
  --container: 1180px;
  --container-narrow: 1080px;
  --gutter: clamp(20px, 4vw, 48px);
  --section-y: clamp(56px, 6vw, 84px);
  --grid-gap: 20px;
}