/* GENERATED by build_tokens.py. Never hand-edit.
 * Source: scheme.lock.toml + scheme.toml + type.toml
 * Spec:   ../../learnings/05-identity-system.md
 *
 * SUPERSEDES the values currently live in the site and the platform:
 *   --key #B86A0B  ->  --accent-base #864901   (DE 0.054 from brand gold)
 *   --s1..--s5     ->  --cat-1..--cat-6
 */

:root {
  /* colour - light */
  --surface-page: #FFFFFF;
  --surface-raised: #EDF6FE;
  --line-hair: #C9D4DF;
  --line-hair2: #B2C0CD;
  --ink-muted: #8394A5;
  --ink-secondary: #56697C;
  --ink-primary: #01182D;
  --surface-sunken: #EDF6FE;
  --surface-inverse: #01182D;
  --surface-overlay: #B2C0CD;
  --ink-inverse: #FFFFFF;
  --line-rule: #B2C0CD;
  --line-axis: #B2C0CD;
  --line-grid: #C9D4DF;
  --line-reference: #8394A5;
  --line-connector: #8394A5;
  --primary-base: #5E44E6;
  --primary-tint: #EFF1FF;
  --primary-edge: #471BC3;
  --primary-text: #5E44E6;
  --ink-on-primary: #FFFFFF;
  --accent-base: #864901;
  --accent-tint: #FFEEE2;
  --accent-edge: #603301;
  --accent-text: #864901;
  --ink-on-accent: #FFFFFF;
  --ink-on-tint: #01182D;
  --cat-1: #8E57B9;
  --cat-tint-1: #F5ECFF;
  --ink-on-cat-1: #FFFFFF;
  --cat-2: #BF5DA7;
  --cat-tint-2: #FFE9F8;
  --ink-on-cat-2: #01182D;
  --cat-3: #E46B88;
  --cat-tint-3: #FFEAED;
  --ink-on-cat-3: #01182D;
  --cat-4: #FB8464;
  --cat-tint-4: #FFEBE6;
  --ink-on-cat-4: #01182D;
  --cat-5: #FFA845;
  --cat-tint-5: #FFEDDB;
  --ink-on-cat-5: #01182D;
  --cat-6: #F0CF4C;
  --cat-tint-6: #F9F1CF;
  --ink-on-cat-6: #01182D;
  --sem-positive: #137D41;
  --sem-negative: #BE222A;
  --sem-info: #56697C;
  --seq-1: #DEE9F5;
  --seq-2: #B0C7DD;
  --seq-3: #769DC2;
  --seq-4: #2E6799;
  --seq-5: #00355C;
  --div-neg-2: #940115;
  --div-neg-1: #BB6D67;
  --div-mid: #C9D4DF;
  --div-pos-1: #5A966B;
  --div-pos-2: #015D2D;
  --mark-machine: #038187;
  --mark-current: #01182D;
  --chart-plot-bg: #FFFFFF;
  --chart-band: #EDF6FE;
  --chart-annotation: #56697C;
  --surface-e0: #FFFFFF;
  --surface-e1: #FFFFFF;
  --surface-e2: #FFFFFF;
  --surface-e3: #FFFFFF;
  --brand-mark-light: #B07C3F;
  --brand-mark-dark: #C9A25E;
  --brand-mark-straddle: #C89355;

  /* elevation - a shadow, tinted with ink, never black */
  --elev-raised: 0 2px 6px -1px rgba(1,24,45,0.1);
  --elev-overlay: 0 18px 34px -8px rgba(1,24,45,0.16);
  --elev-popover: 0 32px 64px -16px rgba(1,24,45,0.22);
  --elev-scrim: rgba(1,24,45,0.32);

  /* on-dark - the ink ramp for a DARK SECTION INSIDE A LIGHT PAGE.
     The dark-mode values, exposed as explicit slots so they resolve in
     both modes. Without these a dark band on a light page has no ink,
     which is why the site hand-wrote --ontext/--onmute/--onfaint.
     05 elements.toml [ground] on-dark. C5: stated colours, never
     white-at-opacity. */
  --ink-on-dark: #ECF6FF;
  --ink-on-dark-secondary: #95AABF;
  --ink-on-dark-muted: #667787;
  --primary-on-dark: #786CFE;
  --accent-on-dark: #B76602;

  /* space */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 80px;
  --space-10: 96px;
  --space-11: 112px;
  /* half-steps - the midpoint of N and N+1. The shipped code uses 14, 20,
     26 and 40, which a doubling scale cannot reach. A half-step is legal;
     a raw number is not. */
  --space-1-5: 6px;
  --space-2-5: 10px;
  --space-3-5: 14px;
  --space-4-5: 20px;
  --space-5-5: 28px;
  --space-6-5: 40px;
  --space-7-5: 56px;
  --space-8-5: 72px;
  --space-9-5: 88px;
  --space-10-5: 104px;
  --space-11-5: 168px;

  /* stroke */
  --stroke-hair: 1.0px;
  --stroke-rule: 1.5px;
  --stroke-border: 1.0px;
  --stroke-focus: 2.0px;
  --stroke-data: 2.0px;
  --stroke-brand: 1.7px;

  /* families */
  --font-text: Inter, system-ui, sans-serif;
  --font-mono: JetBrains Mono, ui-monospace, monospace;
}

/* dark - elevation is a SURFACE STEP, not a shadow (05 3.3) */
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --surface-page: #0B0F13;
  --surface-raised: #1D242A;
  --line-hair: #353E47;
  --line-hair2: #4B5763;
  --ink-muted: #667787;
  --ink-secondary: #95AABF;
  --ink-primary: #ECF6FF;
  --surface-sunken: #1D242A;
  --surface-inverse: #0B0F13;
  --surface-overlay: #4B5763;
  --ink-inverse: #ECF6FF;
  --line-rule: #4B5763;
  --line-axis: #4B5763;
  --line-grid: #353E47;
  --line-reference: #667787;
  --line-connector: #667787;
  --primary-base: #786CFE;
  --primary-tint: #211F45;
  --primary-edge: #9797FF;
  --primary-text: #786CFE;
  --ink-on-primary: #0B0F13;
  --accent-base: #B76602;
  --accent-tint: #35200D;
  --accent-edge: #DD8123;
  --accent-text: #B76602;
  --ink-on-accent: #0B0F13;
  --ink-on-tint: #ECF6FF;
  --cat-1: #8C59B5;
  --cat-tint-1: #2B1F36;
  --ink-on-cat-1: #ECF6FF;
  --cat-2: #BC60A5;
  --cat-tint-2: #331D2D;
  --ink-on-cat-2: #0B0F13;
  --cat-3: #E06E89;
  --cat-tint-3: #371C22;
  --ink-on-cat-3: #0B0F13;
  --cat-4: #F78769;
  --cat-tint-4: #371D16;
  --ink-on-cat-4: #0B0F13;
  --cat-5: #FBA94F;
  --cat-tint-5: #33210D;
  --ink-on-cat-5: #0B0F13;
  --cat-6: #EED058;
  --cat-tint-6: #2C250A;
  --ink-on-cat-6: #0B0F13;
  --sem-positive: #51AF6F;
  --sem-negative: #F75D59;
  --sem-info: #95AABF;
  --seq-1: #F3F9FF;
  --seq-2: #C0D7EE;
  --seq-3: #85ACD2;
  --seq-4: #3D76A9;
  --seq-5: #014271;
  --div-neg-2: #CB4644;
  --div-neg-1: #F19E97;
  --div-mid: #353E47;
  --div-pos-1: #8BC89B;
  --div-pos-2: #0A924B;
  --mark-machine: #30B6BC;
  --mark-current: #ECF6FF;
  --chart-plot-bg: #0B0F13;
  --chart-band: #1D242A;
  --chart-annotation: #95AABF;
  --surface-e0: #0B0F13;
  --surface-e1: #1D242A;
  --surface-e2: #353E47;
  --surface-e3: #4B5763;
  --elev-raised: none;
  --elev-overlay: none;
  --elev-popover: none;
  --elev-scrim: rgba(0,0,0,0.56);
} }
[data-theme="dark"] {
  --surface-page: #0B0F13;
  --surface-raised: #1D242A;
  --line-hair: #353E47;
  --line-hair2: #4B5763;
  --ink-muted: #667787;
  --ink-secondary: #95AABF;
  --ink-primary: #ECF6FF;
  --surface-sunken: #1D242A;
  --surface-inverse: #0B0F13;
  --surface-overlay: #4B5763;
  --ink-inverse: #ECF6FF;
  --line-rule: #4B5763;
  --line-axis: #4B5763;
  --line-grid: #353E47;
  --line-reference: #667787;
  --line-connector: #667787;
  --primary-base: #786CFE;
  --primary-tint: #211F45;
  --primary-edge: #9797FF;
  --primary-text: #786CFE;
  --ink-on-primary: #0B0F13;
  --accent-base: #B76602;
  --accent-tint: #35200D;
  --accent-edge: #DD8123;
  --accent-text: #B76602;
  --ink-on-accent: #0B0F13;
  --ink-on-tint: #ECF6FF;
  --cat-1: #8C59B5;
  --cat-tint-1: #2B1F36;
  --ink-on-cat-1: #ECF6FF;
  --cat-2: #BC60A5;
  --cat-tint-2: #331D2D;
  --ink-on-cat-2: #0B0F13;
  --cat-3: #E06E89;
  --cat-tint-3: #371C22;
  --ink-on-cat-3: #0B0F13;
  --cat-4: #F78769;
  --cat-tint-4: #371D16;
  --ink-on-cat-4: #0B0F13;
  --cat-5: #FBA94F;
  --cat-tint-5: #33210D;
  --ink-on-cat-5: #0B0F13;
  --cat-6: #EED058;
  --cat-tint-6: #2C250A;
  --ink-on-cat-6: #0B0F13;
  --sem-positive: #51AF6F;
  --sem-negative: #F75D59;
  --sem-info: #95AABF;
  --seq-1: #F3F9FF;
  --seq-2: #C0D7EE;
  --seq-3: #85ACD2;
  --seq-4: #3D76A9;
  --seq-5: #014271;
  --div-neg-2: #CB4644;
  --div-neg-1: #F19E97;
  --div-mid: #353E47;
  --div-pos-1: #8BC89B;
  --div-pos-2: #0A924B;
  --mark-machine: #30B6BC;
  --mark-current: #ECF6FF;
  --chart-plot-bg: #0B0F13;
  --chart-band: #1D242A;
  --chart-annotation: #95AABF;
  --surface-e0: #0B0F13;
  --surface-e1: #1D242A;
  --surface-e2: #353E47;
  --surface-e3: #4B5763;
  --elev-raised: none;
  --elev-overlay: none;
  --elev-popover: none;
  --elev-scrim: rgba(0,0,0,0.56);
}

/* ---- deck ---- */
[data-surface="deck"] {
  --shape-tag: 4px;
  --shape-input: 6px;
  --shape-btn: 8px;
  --shape-card: 10px;
  --shape-chrome: 12px;
  --shape-pill: 999px;
  --type-display-size: 58px;
  --type-display-weight: 300;
  --type-display-lh: 1.06;
  --type-display-track: -0.035em;
  --type-heading-size: 36px;
  --type-heading-weight: 300;
  --type-heading-lh: 1.16;
  --type-heading-track: -0.030em;
  --type-divider-size: 54px;
  --type-divider-weight: 300;
  --type-divider-lh: 1.08;
  --type-divider-track: -0.035em;
  --type-subhead-size: 21px;
  --type-subhead-weight: 300;
  --type-subhead-lh: 1.5;
  --type-body-size: 17px;
  --type-body-weight: 400;
  --type-body-lh: 1.55;
  --type-caption-size: 13px;
  --type-caption-weight: 400;
  --type-caption-lh: 1.45;
  --type-label-size: 12px;
  --type-label-weight: 500;
  --type-label-track: 0.22em;
  --type-data-size: 13px;
  --type-data-weight: 500;
  --type-metric-size: 44px;
  --type-metric-weight: 300;
  --type-metric-track: -0.02em;
  --type-table-size: 15px;
  --type-table-weight: 400;
  --type-code-size: 13px;
  --type-code-weight: 400;
  --type-folio-size: 11px;
  --type-folio-weight: 500;
  --type-folio-track: 0.14em;
  --type-floor: 11px;
}

/* ---- document ---- */
[data-surface="document"] {
  --shape-tag: 4px;
  --shape-input: 6px;
  --shape-btn: 8px;
  --shape-card: 10px;
  --shape-chrome: 12px;
  --shape-pill: 999px;
  --type-display-size: 24pt;
  --type-display-weight: 300;
  --type-display-lh: 1.15;
  --type-display-track: -0.02em;
  --type-heading-size: 16pt;
  --type-heading-weight: 500;
  --type-heading-lh: 1.3;
  --type-subhead-size: 13pt;
  --type-subhead-weight: 500;
  --type-subhead-lh: 1.4;
  --type-body-size: 11pt;
  --type-body-weight: 400;
  --type-body-lh: 1.55;
  --type-caption-size: 9pt;
  --type-caption-weight: 400;
  --type-caption-lh: 1.4;
  --type-label-size: 9pt;
  --type-label-weight: 500;
  --type-label-track: 0.14em;
  --type-data-size: 9pt;
  --type-data-weight: 500;
  --type-metric-size: 20pt;
  --type-metric-weight: 300;
  --type-table-size: 10pt;
  --type-table-weight: 400;
  --type-code-size: 9pt;
  --type-code-weight: 400;
  --type-floor: 9pt;
}

/* ---- workbook ---- */
[data-surface="workbook"] {
  --shape-tag: 4px;
  --shape-input: 6px;
  --shape-btn: 8px;
  --shape-card: 10px;
  --shape-chrome: 12px;
  --shape-pill: 999px;
  --type-heading-size: 17pt;
  --type-heading-weight: 400;
  --type-subhead-size: 12.5pt;
  --type-subhead-weight: 400;
  --type-lede-size: 10.5pt;
  --type-lede-weight: 400;
  --type-body-size: 10pt;
  --type-body-weight: 400;
  --type-caption-size: 9.5pt;
  --type-caption-weight: 400;
  --type-label-size: 8pt;
  --type-label-weight: 700;
  --type-data-size: 9.5pt;
  --type-data-weight: 400;
  --type-metric-size: 22pt;
  --type-metric-weight: 400;
  --type-table-size: 10pt;
  --type-table-weight: 400;
  --type-code-size: 9.5pt;
  --type-code-weight: 400;
  --type-floor: 8pt;
}

/* ---- site ---- */
[data-surface="site"] {
  --shape-tag: 4px;
  --shape-input: 6px;
  --shape-btn: 999px;
  --shape-card: 12px;
  --shape-chrome: 16px;
  --shape-pill: 999px;
  --type-display-size: 80px;
  --type-display-weight: 300;
  --type-display-lh: 1.02;
  --type-display-track: -0.045em;
  --type-display-page-size: 62px;
  --type-display-page-weight: 300;
  --type-display-page-lh: 1.05;
  --type-display-page-track: -0.042em;
  --type-heading-size: 54px;
  --type-heading-weight: 300;
  --type-heading-lh: 1.06;
  --type-heading-track: -0.040em;
  --type-subhead-size: 29px;
  --type-subhead-weight: 300;
  --type-subhead-lh: 1.3;
  --type-body-size: 16px;
  --type-body-weight: 400;
  --type-body-lh: 1.55;
  --type-lede-size: 16px;
  --type-lede-weight: 400;
  --type-lede-lh: 1.6;
  --type-caption-size: 13px;
  --type-caption-weight: 400;
  --type-label-size: 11px;
  --type-label-weight: 500;
  --type-label-track: 0.20em;
  --type-data-size: 13px;
  --type-data-weight: 500;
  --type-metric-size: 44px;
  --type-metric-weight: 300;
  --type-table-size: 14px;
  --type-table-weight: 400;
  --type-code-size: 13px;
  --type-code-weight: 400;
  --type-button-size: 15px;
  --type-button-weight: 500;
  --type-floor: 11px;
}

/* ---- product ---- */
[data-surface="product"] {
  --shape-tag: 4px;
  --shape-input: 6px;
  --shape-btn: 8px;
  --shape-card: 10px;
  --shape-chrome: 12px;
  --shape-pill: 999px;
  --type-display-size: 24px;
  --type-display-weight: 400;
  --type-display-lh: 1.2;
  --type-display-track: -0.02em;
  --type-heading-size: 18px;
  --type-heading-weight: 500;
  --type-heading-lh: 1.3;
  --type-heading-track: -0.01em;
  --type-subhead-size: 15px;
  --type-subhead-weight: 500;
  --type-subhead-lh: 1.4;
  --type-body-size: 13px;
  --type-body-weight: 400;
  --type-body-lh: 1.55;
  --type-caption-size: 12px;
  --type-caption-weight: 400;
  --type-caption-lh: 1.45;
  --type-label-size: 11px;
  --type-label-weight: 500;
  --type-label-track: 0.08em;
  --type-data-size: 12px;
  --type-data-weight: 500;
  --type-metric-size: 24px;
  --type-metric-weight: 400;
  --type-table-size: 13px;
  --type-table-weight: 400;
  --type-code-size: 12px;
  --type-code-weight: 400;
  --type-button-size: 13px;
  --type-button-weight: 500;
  --type-floor: 11px;
}