/* Cohort — design tokens. */
:root {
  --clr-dark-blue: #006AAF;
  --clr-dark-blue-text: #002740;
  --clr-light-blue: #5BB5FF;
  --clr-med-blue: #D1E5F4;
  --clr-bg-light-blue: #E4EEF5;
  --clr-grey: #F5F5F7;
  --clr-bg-grey: #D0CFDC;
  --clr-red: #D42B2A;
  --clr-white: #FFFFFF;
  --clr-black: #000000;

  /* Deep ink surface (was hardcoded in landing.css) + training-status
     colours. On the marketing site colour is semantic: it only ever
     means the state of a training record. */
  --clr-ink: #001A2D;
  --clr-ink-2: #04283F;
  --clr-green: #0A7A3F;
  --clr-green-lit: #12B15E;          /* where the reveal "lands" / proof lights up */
  --clr-green-soft: rgba(10, 122, 63, 0.12);
  --clr-amber: #B45309;
  --clr-amber-soft: rgba(180, 83, 9, 0.14);

  /* "The Receipt" redesign — warm document world + reviewer's marks.
     Cream is the new light-section ground; ink stays the dark rhythm anchor. */
  --clr-paper: #FBF7EF;             /* warm cream base for light sections */
  --clr-paper-2: #F3ECDF;           /* slightly deeper cream for insets */
  --clr-ink-warm: #06202B;          /* text on cream (AA on #FBF7EF) */
  --clr-ink-warm-2: #3A4E58;        /* muted text on cream */
  --clr-hair-warm: #E7DECB;         /* hairline on cream */
  --clr-coral: #FF5C39;             /* reviewer's felt-tip — strikes/underlines/peel cue ONLY */
  --clr-coral-soft: rgba(255, 92, 57, 0.12);
  --clr-highlight: #FFD84D;         /* rubric highlighter — used sparingly */
  --clr-gold-1: #F2CE63;            /* gold star gradient (glossy-but-cool) */
  --clr-gold-2: #E9B949;
  --clr-gold-3: #C8912A;

  --ff-hand: 'Caveat', 'Segoe Script', cursive;   /* reviewer margin note + founder signature ONLY */

  --ff-body: 'Roboto', Verdana, Arial, sans-serif;
  --ff-heading: 'Roboto', Verdana, Arial, sans-serif;
  /* Marketing surfaces: display face for headlines, mono for record/
     audit labels. App pages keep Roboto throughout. */
  --ff-display: 'Schibsted Grotesk', 'Roboto', Verdana, Arial, sans-serif;
  --ff-mono: 'IBM Plex Mono', 'SFMono-Regular', Menlo, Consolas, monospace;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semi-bold: 600;
  --fw-bold: 700;

  --br-radius: 1.25rem;
  --br-radius-sm: 0.75rem;
  --br-radius-pill: 9999px;

  --shadow-card: 0 4px 16px rgba(0, 39, 64, 0.08);
  --shadow-card-hover: 0 12px 32px rgba(0, 39, 64, 0.12);

  --border-soft: 1px solid rgba(0, 39, 64, 0.08);

  --max-w: 1200px;
  --space-section: clamp(3rem, 6vw, 5.5rem);

  /* ── App layer (product chrome). Additive; marketing untouched. ── */
  --app-chrome: var(--clr-ink);                 /* nav/sidebar surface */
  --app-chrome-2: var(--clr-ink-2);
  --app-chrome-line: rgba(255,255,255,0.10);
  --app-chrome-text: rgba(255,255,255,0.72);
  --app-chrome-text-dim: rgba(255,255,255,0.50);
  --app-st-green: #2FBF71;  /* status accents legible on ink (mirror marketing) */
  --app-st-blue: #5BB5FF;
  --app-st-amber: #F5A623;
  --app-st-red: #F0564F;
  --app-ground: var(--clr-paper);               /* page ground stays warm */
  --app-card: #FFFFFF;                          /* record-cards stay crisp white */
  --app-hair: rgba(0,39,64,0.10);               /* hairline on white/paper */
  --app-hair-warm: var(--clr-hair-warm);
  --app-text: var(--clr-ink-warm);
  --app-text-dim: var(--clr-ink-warm-2);
  --app-r-card: 14px;                           /* product radii: crisper than marketing */
  --app-r-ctl: 10px;
  --app-r-chip: 6px;
  --app-shadow-1: 0 1px 2px rgba(0,26,45,0.06);
  --app-shadow-2: 0 4px 16px rgba(0,39,64,0.08);
  --app-shadow-3: 0 12px 32px rgba(0,39,64,0.12);
  --app-focus-ring: 3px solid var(--clr-dark-blue);

  /* App motion (150–300ms, transform/opacity only) */
  --app-dur-fast: 150ms;
  --app-dur: 200ms;
  --app-dur-slow: 280ms;
  --app-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --app-ease-in-out: cubic-bezier(0.45, 0, 0.25, 1);

  /* ── "The Filed Record" marketing redesign (2026-07) — ADDITIVE ONLY.
     Marketing page type roles, spacing scale and hairlines. App untouched. ── */
  --ff-serif: 'Fraunces', 'Iowan Old Style', Georgia, serif; /* marketing display ONLY */

  --t-display: clamp(3.4rem, 7.4vw, 6.4rem); /* hero H1 only · Fraunces · lh .98 · ls -0.01em */
  --t-h2:      clamp(2.2rem, 4.2vw, 3.3rem); /* every section head · Fraunces · lh 1.05 · ls -0.005em */
  --t-h3:      clamp(1.35rem, 2.2vw, 1.7rem);/* tour/exhibit titles · Schibsted 700 · lh 1.15 · ls -0.02em */
  --t-h4:      1.125rem;                     /* one card-title size · Schibsted 600 · lh 1.3 · ls -0.01em */
  --t-lede:    1.1875rem;                    /* one lede style · Schibsted 400 · lh 1.55 · max 52ch */
  --t-body:    1rem;                         /* card copy, specs, cells, chips · lh 1.55 */
  --t-small:   0.875rem;                     /* captions, notes, legends · lh 1.5 */
  --t-label:   0.75rem;                      /* ALL caps labels · lh 1.2 · ls +0.08em */

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;

  --mk-section: clamp(5rem, 9vw, 8rem);           /* one section rhythm (marketing only) */
  --mk-hair: 1px solid var(--clr-hair-warm);      /* hairline on paper/white */
  --mk-hair-ink: 1px solid rgba(251, 247, 239, 0.14); /* hairline on ink plates */
}