/*
 * tokens-brand.css — Purser brand, DARK-ROOM variant (the desk).
 * Same --role-* / --font-* NAME set as purser-site/tokens-brand.css (UIX-08);
 * values re-tuned for a dark ground derived from the site's deep-teal trust
 * band. Accent = the site's teal family brightened for dark grounds,
 * replacing the S7 orange (one-brand ruling 2026-08-07).
 */
:root {
  /* [brand] font stacks (vendored in src/app/fonts/, adopted from the site) */
  --font-display: 'Space Grotesk V', system-ui, sans-serif;                          /* [brand] brand moments */
  --font-body: 'Inter V', ui-sans-serif, system-ui, "Segoe UI", Arial, sans-serif;   /* [brand] prose/UI */
  --font-mono: 'JetBrains Mono', ui-monospace, "Cascadia Mono", Consolas, monospace; /* [brand] data */

  /* [brand] core surfaces */
  --role-ground: #101917;    /* [brand] page ground: the dark room */
  --role-ground-2: #0D1514;  /* [brand] deepest recess */
  --role-surface: #16211F;   /* [brand] nav/table-chrome surface */
  --role-raised: #1D2A27;    /* [brand] raised controls, selection */
  --role-ink: #EDF6F4;       /* [brand] primary text */
  --role-muted: #9FBCB5;     /* [brand] secondary text */
  --role-ink-faint: #5E7A73; /* [brand] decorative faint marks (never body text) */
  --role-rule: #24332F;      /* [brand] subtle hairlines */
  --role-border: #567A74;    /* [brand] emphasized control borders (≥3:1 vs surface) */

  /* [brand] accent + actions */
  --role-accent: #45D0B4;      /* [brand] primary accent: actions, selection mark */
  --role-accent-ink: #0C1E1A;  /* [brand] text on accent fills */
  --role-cta-ground: #45D0B4;  /* [brand] primary button fill */
  --role-cta-ink: #0C1E1A;     /* [brand] primary button text */
  --role-focus: #45D0B4;       /* [brand] focus ring */
  --role-danger: #F5A09B;      /* [brand] destructive/error */
  --role-ok: #63D6A8;          /* [brand] success */
  --role-badge-ink: #9FBCB5;   /* [brand] badge text */

  /* [brand] pastel trio, dark-room variants — same jobs as the site */
  --role-jade: #2FA57B;        /* [brand] "remembered" markers */
  --role-jade-deep: #7FDDB6;   /* [brand] jade readable-on-dark text */
  --role-mint: #143029;        /* [brand] jade's tint ground (decorative bg) */
  --role-mint-line: #1E4436;   /* [brand] mint border */
  --role-teal: #27A29B;        /* [brand] product/navigation markers */
  --role-teal-deep: #6ED4CD;   /* [brand] teal readable-on-dark text */
  --role-sky: #113034;         /* [brand] teal's tint ground (decorative bg) */
  --role-sky-line: #1B4A50;    /* [brand] sky border */
  --role-pink: #E86FA4;        /* [brand] ownership markers */
  --role-pink-deep: #F0A1C4;   /* [brand] pink readable-on-dark text */
  --role-blush: #33202B;       /* [brand] pink's tint ground (decorative bg) */
  --role-blush-line: #4A2F3E;  /* [brand] blush border */
  --role-brass: #E09030;       /* [brand] engineering stamp marks */
  --role-brass-bright: #F2B15C;/* [brand] stamp ink */
  --role-brass-tint: #33271A;  /* [brand] brass chip ground */

  /* [brand] deep band family (shared with the site's trust band) */
  --role-deep: #0D3533;      /* [brand] deep band ground */
  --role-deep-2: #124541;    /* [brand] deep raised blocks */
  --role-deep-3: #0F3B38;    /* [brand] deep header row */
  --role-deep-ink: #EDF6F4;  /* [brand] text on deep */
  --role-deep-soft: #8FB5AE; /* [brand] secondary text on deep */
  --role-rule-deep: #1E5450; /* [brand] hairlines on deep */
  --role-signal: #2FD9A0;    /* [brand] verification signal */
  --role-signal-dim: #3E6A64;/* [brand] unlit signal pre-state */
  --role-alarm: #F5A09B;     /* [brand] broken/tampered state */

  /* [brand] translucents */
  --role-clear: rgba(0, 0, 0, 0);           /* [brand] fully transparent fill (ghost states) */
  --role-scrim: rgba(5, 10, 9, 0.7);        /* [brand] dialog scrim */
  --role-glass: rgba(16, 25, 23, 0.85);     /* [brand] translucent chrome */
  --role-glass-soft: rgba(16, 25, 23, 0.55);/* [brand] soft inner ring */
  --role-shadow-soft: rgba(0, 0, 0, 0.35);  /* [brand] lift shadows */
  --role-shadow-teal: rgba(69, 208, 180, 0.15); /* [brand] accent glow shadow */
  --role-shadow-deep: rgba(0, 0, 0, 0.5);   /* [brand] dialog shadow */
}