/*
 * tokens-brand.css — Purser brand, BRIGHT BLOCKS variant (the marketing site).
 * Every color the site uses is a --role-* here; consumers use var() only.
 * The desk's dark-room variant (purser/src/app/tokens-brand.css) defines the
 * SAME property-name set with dark-tuned values (UIX-08 parity).
 * Conviction (Direction A, approved 2026-09-08): "bright blocks on a white
 * desk, and every block is a receipt" — one cool white ground, six record
 * hues bound at the token layer so a pink block is always a deal. Names are
 * fixed by house parity; only the values changed. G3 is deliberately broken.
 */
:root {
  /* [brand] font stacks (all faces vendored in assets/fonts/) */
  --font-display: 'Fredoka', system-ui, sans-serif;               /* [brand] display headings, doors, block labels */
  --font-body: 'Inter V', Inter, system-ui, sans-serif;                      /* [brand] prose */
  --font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', monospace;   /* [brand] hashes, clocks, the 42501 line only */

  /* [brand] core surfaces */
  --role-ground: #FAFBFF;    /* [brand] page ground: cool white desk */
  --role-ground-2: #EEF2FF;  /* [brand] wells (board columns, alternate bands) */
  --role-surface: #FFFFFF;   /* [brand] card material — the one pure, motivated: a block face catches full light */
  --role-raised: #E4E9FF;    /* [brand] pressed/hover surface */
  --role-ink: #141B3D;       /* [brand] primary text and every block shadow */
  --role-muted: #4B5375;     /* [brand] secondary text */
  --role-ink-faint: #B9BFDD; /* [brand] inactive steps (decorative, never body text) */
  --role-rule: #D9DEF3;      /* [brand] hairline borders on light */
  --role-border: #8B93B8;    /* [brand] emphasized control borders (≥3:1 vs surface) */

  /* [brand] accent + actions */
  --role-accent: #157A74;      /* [brand] house accent (R3: never changed); the house line only */
  --role-accent-ink: #FAFBFF;  /* [brand] text on accent fills */
  --role-cta-ground: #2B6BEB;  /* [brand] primary CTA fill = the action blue */
  --role-cta-ink: #FAFBFF;     /* [brand] primary CTA text */
  --role-focus: #2B6BEB;       /* [brand] focus ring */
  --role-danger: #B4231F;      /* [brand] refusal text on light surfaces */
  --role-ok: #2F6E1B;          /* [brand] verified text on light surfaces */
  --role-badge-ink: #4B5375;   /* [brand] badge text on light surfaces */

  /* [brand] six record hues — each name keeps exactly one job */
  --role-teal: #2B6BEB;        /* [brand] PEOPLE block and the action blue */
  --role-teal-deep: #1F4FB3;   /* [brand] people text readable on the ground */
  --role-sky: #E4ECFF;         /* [brand] people tint ground */
  --role-sky-line: #C7D5FF;    /* [brand] people tint border */
  --role-pink: #F2479C;        /* [brand] DEALS block */
  --role-pink-deep: #B92C72;   /* [brand] deals text readable on the ground */
  --role-blush: #FFE3F0;       /* [brand] deals tint ground */
  --role-blush-line: #FFC2DC;  /* [brand] deals tint border */
  --role-brass: #FFC531;       /* [brand] CAMPAIGNS block (ink text on it, never white) */
  --role-brass-bright: #FFD666;/* [brand] campaigns block highlight edge */
  --role-brass-tint: #FFF3CC;  /* [brand] campaigns tint ground */
  --role-jade: #9ADB2E;        /* [brand] FLOWS block (ink text on it) */
  --role-jade-deep: #4A7208;   /* [brand] flows text readable on the ground */
  --role-mint: #EEF9D8;        /* [brand] flows tint ground */
  --role-mint-line: #D3EFA6;   /* [brand] flows tint border */
  --role-studio-agent: #7C4DFF;      /* [brand] AGENTS block */
  --role-studio-agent-deep: #5A2FD1; /* [brand] agents text readable on the ground */
  --role-studio-agent-tint: #EDE6FF; /* [brand] agents tint ground */

  /* [brand] the audit band — ink, because the record is the page's darkest thing */
  --role-deep: #141B3D;      /* [brand] AUDIT block and the trust band ground */
  --role-deep-2: #1E2752;    /* [brand] trust-band raised blocks */
  --role-deep-3: #182047;    /* [brand] trust-band header row */
  --role-deep-ink: #FAFBFF;  /* [brand] text on deep */
  --role-deep-soft: #A9B1D6; /* [brand] secondary text on deep */
  --role-rule-deep: #2E3A73; /* [brand] hairlines on deep */
  --role-signal: #9ADB2E;    /* [brand] verified signal on deep grounds only */
  --role-signal-dim: #5D6A9E;/* [brand] unlit words on deep */
  --role-alarm: #FF8FB8;     /* [brand] refused state on deep */

  /* [brand] translucents */
  --role-clear: rgba(0, 0, 0, 0);            /* [brand] fully transparent fill (ghost states) */
  --role-scrim: rgba(20, 27, 61, 0.7);       /* [brand] dialog scrim */
  --role-glass: rgba(250, 251, 255, 0.88);   /* [brand] header glass */
  --role-glass-soft: rgba(250, 251, 255, 0.55); /* [brand] seal inner ring */
  --role-shadow-soft: rgba(20, 27, 61, 0.1);   /* [brand] soft lift shadows (photo frames only) */
  --role-shadow-teal: rgba(43, 107, 235, 0.22); /* [brand] blue block glow */
  --role-shadow-deep: rgba(20, 27, 61, 0.25);   /* [brand] photo frame shadow */
}