/* GENERATED by scripts/brand_tokens.py from docs/brand/tokens.json -- DO NOT EDIT BY HAND. */
/* Direction: A -- Relay (the scientific instrument) -- approved 2026-07-24 */

:root{
  --c-primary: #0E5A63;
  --c-primary-strong: #0A464D;
  --c-secondary: #1B8A8F;
  --c-accent: #C4622D;
  --c-neutral: #5C6E70;
  --c-ink: #0F2B31;
  --c-surface: #F4F7F6;
  --c-card: #FFFFFF;
  --c-line: #DCE4E3;
  --c-muted: #5C6E70;
  --c-good: #2F7D4F;
  --c-warn: #B8862B;
  --c-critical: #A83B2A;
  --c-unknown: #5C6E70;
  --series-1: #0E5A63;
  --series-2: #C4622D;
  --series-3: #1B8A8F;
  --series-4: #B8862B;
  --series-5: #3D6B8A;
  --series-6: #557A46;
  --series-7: #7A5568;
  --font-display: "Suisse Int'l", "Neue Haas Grotesk Display", ui-sans-serif, system-ui, "Segoe UI", Helvetica, Arial, sans-serif;
  --tracking-display: -0.02em;
  --font-body: "Suisse Int'l Book", "Suisse Int'l", ui-sans-serif, system-ui, "Segoe UI", Helvetica, Arial, sans-serif;
  --tracking-body: 0;
  --font-mono: "Berkeley Mono", "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --tracking-mono: 0;
  --font-longform: "Lyon Display", "Source Serif 4", "Iowan Old Style", Georgia, serif;
  --tracking-longform: -0.01em;
  --text-xs: 12px;
  --text-sm: 13.5px;
  --text-data: 13px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: 28px;
  --text-3xl: 36px;
  --text-4xl: 48px;
  --leading-tight: 1.15;
  --leading-snug: 1.35;
  --leading-normal: 1.6;
  --leading-relaxed: 1.75;
  --measure: 68ch;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-chip: 2px;
  --border-hairline: 1px;
  --border-emphasis: 2px;
}

@media (prefers-color-scheme: dark){
  :root{
    --c-primary: #5FB8BE;
    --c-primary-strong: #8AD2D7;
    --c-secondary: #2E9CA1;
    --c-accent: #E08348;
    --c-neutral: #7E9294;
    --c-ink: #DCEAE9;
    --c-surface: #08191C;
    --c-card: #0F2429;
    --c-line: #12333A;
    --c-muted: #93A8A9;
    --c-good: #4FA372;
    --c-warn: #D9A648;
    --c-critical: #D96B57;
    --c-unknown: #7E9294;
    --series-1: #5FB8BE;
    --series-2: #E08348;
    --series-3: #2E9CA1;
    --series-4: #D9A648;
    --series-5: #6E9BC0;
    --series-6: #7CA36A;
    --series-7: #B084A0;
  }
}

:root[data-theme="dark"]{
  --c-primary: #5FB8BE;
  --c-primary-strong: #8AD2D7;
  --c-secondary: #2E9CA1;
  --c-accent: #E08348;
  --c-neutral: #7E9294;
  --c-ink: #DCEAE9;
  --c-surface: #08191C;
  --c-card: #0F2429;
  --c-line: #12333A;
  --c-muted: #93A8A9;
  --c-good: #4FA372;
  --c-warn: #D9A648;
  --c-critical: #D96B57;
  --c-unknown: #7E9294;
  --series-1: #5FB8BE;
  --series-2: #E08348;
  --series-3: #2E9CA1;
  --series-4: #D9A648;
  --series-5: #6E9BC0;
  --series-6: #7CA36A;
  --series-7: #B084A0;
}

:root[data-theme="light"]{
  --c-primary: #0E5A63;
  --c-primary-strong: #0A464D;
  --c-secondary: #1B8A8F;
  --c-accent: #C4622D;
  --c-neutral: #5C6E70;
  --c-ink: #0F2B31;
  --c-surface: #F4F7F6;
  --c-card: #FFFFFF;
  --c-line: #DCE4E3;
  --c-muted: #5C6E70;
  --c-good: #2F7D4F;
  --c-warn: #B8862B;
  --c-critical: #A83B2A;
  --c-unknown: #5C6E70;
  --series-1: #0E5A63;
  --series-2: #C4622D;
  --series-3: #1B8A8F;
  --series-4: #B8862B;
  --series-5: #3D6B8A;
  --series-6: #557A46;
  --series-7: #7A5568;
}

/* RULE: Light AND dark are both first-class. Style through the tokens; never hard-code a hex in a component. */
/* RULE: Data alignment uses font-variant-numeric: tabular-nums wherever digits sit in columns. */
/* RULE: The accent (copper) marks a RESULT or an emphasis -- it is never a section heading colour. */
/* RULE: Semantic colours never come from the series palette, and 'unknown' is rendered distinctly from good/bad. */
/* RULE: Long-form serif is for documents only; UI chrome stays in the sans + mono pairing. */