/* Generated by website/datastar/build.py from state/factory-look-values.json (factory-base, read back 2026-10-18 16:34 (session 96a31851, after the X3 contrast values of look/state-failed, look/text-tertiary, look/state-your-turn)) and explorations/flow-datastar/extra-tokens.json. Never edit by hand.
   Light on bare :root, Dark under prefers-color-scheme and [data-theme=dark]; the footer's switch sets data-theme. */
:root {
  color-scheme: light;
  --surface-app: #efefed;
  --surface-panel: #e9e9e6;
  --surface-raised: #e3e3df;
  --surface-pressed: #d9d9d5;
  --text-primary: #1c1a1b;
  --text-secondary: #4d4a47;
  --text-tertiary: #605d5a;
  --text-on-accent: #ffffff;
  --border-subtle: #d8d8d2;
  --border-default: #c2c2bb;
  --border-strong: #a6a39e;
  --accent-default: #3b5ba5;
  --accent-glow: rgb(59 91 165 / 0.30);
  --accent-soft: #d2d7de;
  --state-queued: #605d5a;
  --state-running: #3b5ba5;
  --state-your-turn: #87550c;
  --state-your-turn-soft: #e1dacc;
  --state-passed: #0b6b3e;
  --state-failed: #ad3033;
  --state-failed-soft: #e5d4d1;
  --state-sent-back: #7b3aed;
  --state-done: #0b6b3e;
  --state-stopped: #ad3033;
  --state-budget-stop: #87550c;
  --state-stalled: #87550c;
  --state-blocked: #ad3033;
  --state-satisfied: #3b5ba5;
  --state-parked: #605d5a;
  --kind-script: #605d5a;
  --kind-agent: #3b5ba5;
  --kind-human: #1c1a1b;
  --kind-analysis: #3b5ba5;
  --boundary-local: #0b6b3e;
  --boundary-cloud: #3b5ba5;
  --honesty-unverified: #605d5a;
  --honesty-verified: #0b6b3e;
  --honesty-unproven: #87550c;
  --icon-default: #4d4a47;
  --icon-active: #1c1a1b;
  --danger-default: #ad3033;
  --danger-soft: #e5d4d1;
  --accent-pressed: #304b87;
  --surface-terminal: #0d1117;
  --state-confirmed: #004225;
  --state-confirmed-soft: #cedad2;
  --oversight-hitl: #7b3aed;
  --oversight-hotl: #3b5ba5;
  --oversight-hateol: #004225;
  --oversight-hootl: #87550c;
  --radius-card: 6px;
  --radius-control: 4px;
  --radius-row: 4px;
  --radius-pill: 9999px;
  --text-quiet: #7e7b76;
  --kind-outside: #4d4a47;
  --line-drawing: #a6a39e;
  --look-accent-fill: #d2d7de;
  --look-accent-fill-hover: #c6cdd9;
  --look-accent-line: rgb(59 91 165 / 0.40);
  --sheen-top: rgba(255,255,255,0.000);
  --sheen-bottom: rgba(0,0,0,0.025);
  --spacing-xxs: 4px;
  --spacing-xs: 8px;
  --spacing-sm: 12px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --stroke-border-width-sm: 1px;
  --stroke-border-width-md: 2px;
  --green-racing: #004225;
  --green-mark: #004225;
  --grain-card: 0.1;
  --grain-page: .09;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  color-scheme: dark;
  --surface-app: #0a0b0d;
  --surface-panel: #0d0f12;
  --surface-raised: #111317;
  --surface-pressed: #1c1e22;
  --text-primary: #f2efe9;
  --text-secondary: #b4b1a9;
  --text-tertiary: #83878e;
  --text-on-accent: #0a0b0d;
  --border-subtle: #1d2024;
  --border-default: #2a2e34;
  --border-strong: #34343a;
  --accent-default: #8eaee8;
  --accent-glow: rgb(142 174 232 / 0.38);
  --accent-soft: #212732;
  --state-queued: #83878e;
  --state-running: #8eaee8;
  --state-your-turn: #dda03c;
  --state-your-turn-soft: #262017;
  --state-passed: #30a671;
  --state-failed: #e64c50;
  --state-failed-soft: #271619;
  --state-sent-back: #a78bfa;
  --state-done: #30a671;
  --state-stopped: #e64c50;
  --state-budget-stop: #dda03c;
  --state-stalled: #dda03c;
  --state-blocked: #e64c50;
  --state-satisfied: #8eaee8;
  --state-parked: #83878e;
  --kind-script: #83878e;
  --kind-agent: #8eaee8;
  --kind-human: #f2efe9;
  --kind-analysis: #8eaee8;
  --boundary-local: #30a671;
  --boundary-cloud: #8eaee8;
  --honesty-unverified: #83878e;
  --honesty-verified: #30a671;
  --honesty-unproven: #dda03c;
  --icon-default: #b4b1a9;
  --icon-active: #f2efe9;
  --danger-default: #e64c50;
  --danger-soft: #271619;
  --accent-pressed: #748fbe;
  --surface-terminal: #0b0d10;
  --state-confirmed: #30a671;
  --state-confirmed-soft: #0e2a1e;
  --oversight-hitl: #a78bfa;
  --oversight-hotl: #8eaee8;
  --oversight-hateol: #30a671;
  --oversight-hootl: #dda03c;
  --radius-card: 6px;
  --radius-control: 4px;
  --radius-row: 4px;
  --radius-pill: 9999px;
  --text-quiet: #767b84;
  --kind-outside: #b4b1a9;
  --line-drawing: #4a4e55;
  --look-accent-fill: #212732;
  --look-accent-fill-hover: #2a3241;
  --look-accent-line: rgb(142 174 232 / 0.32);
  --sheen-top: rgba(255,255,255,0.035);
  --sheen-bottom: rgba(255,255,255,0.000);
  --spacing-xxs: 4px;
  --spacing-xs: 8px;
  --spacing-sm: 12px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --stroke-border-width-sm: 1px;
  --stroke-border-width-md: 2px;
  --green-racing: #30a671;
  --green-mark: #30a584;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --surface-app: #0a0b0d;
  --surface-panel: #0d0f12;
  --surface-raised: #111317;
  --surface-pressed: #1c1e22;
  --text-primary: #f2efe9;
  --text-secondary: #b4b1a9;
  --text-tertiary: #83878e;
  --text-on-accent: #0a0b0d;
  --border-subtle: #1d2024;
  --border-default: #2a2e34;
  --border-strong: #34343a;
  --accent-default: #8eaee8;
  --accent-glow: rgb(142 174 232 / 0.38);
  --accent-soft: #212732;
  --state-queued: #83878e;
  --state-running: #8eaee8;
  --state-your-turn: #dda03c;
  --state-your-turn-soft: #262017;
  --state-passed: #30a671;
  --state-failed: #e64c50;
  --state-failed-soft: #271619;
  --state-sent-back: #a78bfa;
  --state-done: #30a671;
  --state-stopped: #e64c50;
  --state-budget-stop: #dda03c;
  --state-stalled: #dda03c;
  --state-blocked: #e64c50;
  --state-satisfied: #8eaee8;
  --state-parked: #83878e;
  --kind-script: #83878e;
  --kind-agent: #8eaee8;
  --kind-human: #f2efe9;
  --kind-analysis: #8eaee8;
  --boundary-local: #30a671;
  --boundary-cloud: #8eaee8;
  --honesty-unverified: #83878e;
  --honesty-verified: #30a671;
  --honesty-unproven: #dda03c;
  --icon-default: #b4b1a9;
  --icon-active: #f2efe9;
  --danger-default: #e64c50;
  --danger-soft: #271619;
  --accent-pressed: #748fbe;
  --surface-terminal: #0b0d10;
  --state-confirmed: #30a671;
  --state-confirmed-soft: #0e2a1e;
  --oversight-hitl: #a78bfa;
  --oversight-hotl: #8eaee8;
  --oversight-hateol: #30a671;
  --oversight-hootl: #dda03c;
  --radius-card: 6px;
  --radius-control: 4px;
  --radius-row: 4px;
  --radius-pill: 9999px;
  --text-quiet: #767b84;
  --kind-outside: #b4b1a9;
  --line-drawing: #4a4e55;
  --look-accent-fill: #212732;
  --look-accent-fill-hover: #2a3241;
  --look-accent-line: rgb(142 174 232 / 0.32);
  --sheen-top: rgba(255,255,255,0.035);
  --sheen-bottom: rgba(255,255,255,0.000);
  --spacing-xxs: 4px;
  --spacing-xs: 8px;
  --spacing-sm: 12px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --stroke-border-width-sm: 1px;
  --stroke-border-width-md: 2px;
  --green-racing: #30a671;
  --green-mark: #30a584;
}
/* the hero stays Dark in both page modes (omz-website 51:1464 on explicit Dark) */
.dark-scope {
  color-scheme: dark;
  --surface-app: #0a0b0d;
  --surface-panel: #0d0f12;
  --surface-raised: #111317;
  --surface-pressed: #1c1e22;
  --text-primary: #f2efe9;
  --text-secondary: #b4b1a9;
  --text-tertiary: #83878e;
  --text-on-accent: #0a0b0d;
  --border-subtle: #1d2024;
  --border-default: #2a2e34;
  --border-strong: #34343a;
  --accent-default: #8eaee8;
  --accent-glow: rgb(142 174 232 / 0.38);
  --accent-soft: #212732;
  --state-queued: #83878e;
  --state-running: #8eaee8;
  --state-your-turn: #dda03c;
  --state-your-turn-soft: #262017;
  --state-passed: #30a671;
  --state-failed: #e64c50;
  --state-failed-soft: #271619;
  --state-sent-back: #a78bfa;
  --state-done: #30a671;
  --state-stopped: #e64c50;
  --state-budget-stop: #dda03c;
  --state-stalled: #dda03c;
  --state-blocked: #e64c50;
  --state-satisfied: #8eaee8;
  --state-parked: #83878e;
  --kind-script: #83878e;
  --kind-agent: #8eaee8;
  --kind-human: #f2efe9;
  --kind-analysis: #8eaee8;
  --boundary-local: #30a671;
  --boundary-cloud: #8eaee8;
  --honesty-unverified: #83878e;
  --honesty-verified: #30a671;
  --honesty-unproven: #dda03c;
  --icon-default: #b4b1a9;
  --icon-active: #f2efe9;
  --danger-default: #e64c50;
  --danger-soft: #271619;
  --accent-pressed: #748fbe;
  --surface-terminal: #0b0d10;
  --state-confirmed: #30a671;
  --state-confirmed-soft: #0e2a1e;
  --oversight-hitl: #a78bfa;
  --oversight-hotl: #8eaee8;
  --oversight-hateol: #30a671;
  --oversight-hootl: #dda03c;
  --radius-card: 6px;
  --radius-control: 4px;
  --radius-row: 4px;
  --radius-pill: 9999px;
  --text-quiet: #767b84;
  --kind-outside: #b4b1a9;
  --line-drawing: #4a4e55;
  --look-accent-fill: #212732;
  --look-accent-fill-hover: #2a3241;
  --look-accent-line: rgb(142 174 232 / 0.32);
  --sheen-top: rgba(255,255,255,0.035);
  --sheen-bottom: rgba(255,255,255,0.000);
  --spacing-xxs: 4px;
  --spacing-xs: 8px;
  --spacing-sm: 12px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --stroke-border-width-sm: 1px;
  --stroke-border-width-md: 2px;
  --green-racing: #30a671;
  --green-mark: #30a584;
}
/* BDO Grotesk Bold: SIL Open Font License 1.1, see BDOGrotesk-OFL.txt */
@font-face {
  font-family: 'BDO Grotesk';
  src: url('BDOGrotesk-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.t-display-xl { font: 700 44px/48px 'BDO Grotesk', system-ui, sans-serif; letter-spacing: -0.025em; }
.t-display-lg { font: 700 32px/40px 'BDO Grotesk', system-ui, sans-serif; letter-spacing: -0.02em; }
.t-title-lg { font: 700 22px/28px 'BDO Grotesk', system-ui, sans-serif; letter-spacing: -0.015em; }
.t-title-md { font: 700 17px/24px 'BDO Grotesk', system-ui, sans-serif; letter-spacing: -0.01em; }
.t-title-sm { font: 700 14px/20px 'BDO Grotesk', system-ui, sans-serif; letter-spacing: -0.005em; }
.t-body-md { font: 400 14px/20px 'Albert Sans', system-ui, sans-serif; letter-spacing: -0.005em; }
.t-body-md-strong { font: 500 14px/20px 'Albert Sans', system-ui, sans-serif; letter-spacing: -0.005em; }
.t-body-sm { font: 400 13px/18px 'Albert Sans', system-ui, sans-serif; letter-spacing: 0em; }
.t-body-xs { font: 400 11px/18px 'Albert Sans', system-ui, sans-serif; letter-spacing: 0em; }
.t-body-sm-strong { font: 500 13px/18px 'Albert Sans', system-ui, sans-serif; letter-spacing: 0em; }
.t-label-md { font: 500 12px/16px 'Albert Sans', system-ui, sans-serif; letter-spacing: 0em; }
.t-label-caps { font: 600 11px/16px 'Albert Sans', system-ui, sans-serif; letter-spacing: 0.06em; text-transform: uppercase; }
.t-mono-md { font: 400 13px/20px 'Geist Mono', ui-monospace, Menlo, monospace; letter-spacing: 0em; }
.t-mono-sm { font: 400 12px/18px 'Geist Mono', ui-monospace, Menlo, monospace; letter-spacing: 0em; }
.t-mono-sm-strong { font: 500 12px/18px 'Geist Mono', ui-monospace, Menlo, monospace; letter-spacing: 0em; }
.t-mono-money { font: 500 14px/20px 'Geist Mono', ui-monospace, Menlo, monospace; letter-spacing: 0em; }
.t-display-md { font: 700 28px/32px 'BDO Grotesk', system-ui, sans-serif; letter-spacing: -0.015em; }