/* GENERATED from DESIGN.md by scripts/build-tokens.mjs; do not edit. */
:root {
  color-scheme: light;
  --surface-0: #ffffff;
  --surface-1: #f8f6f5;
  --surface-2: #f0efed;
  --rule: #dbd9d6;
  --rule-strong: #231e1b;
  --ink: #18130e;
  --text-secondary: #47413d;
  --text-muted: #67625f;
  --primary: #eb9431;
  --primary-ink: #944e12;
  --on-primary: #18130e;
  --projection: #0b0907;
  --projection-ink: #eae7e3;
  --projection-muted: #a29e99;
  --projection-rule: #312d2a;
  --projection-link: #fcae52;
  --state-ok: #1b8a62;
  --state-attention: #b77d00;
  --state-fail: #d03b3b;
  --state-unknown: #8b8a84;
  --edge-current: #2a78d6;
  --edge-proposed: #8b8a84;
  --diff-add: #e6f4ec;
  --diff-del: #fbe9e8;
  --font-display: Archivo, "Helvetica Neue", Arial, sans-serif;
  --size-display: 52px;
  --weight-display: 640;
  --lh-display: 1;
  --ls-display: -0.022em;
  --font-headline: Archivo, "Helvetica Neue", Arial, sans-serif;
  --size-headline: 28px;
  --weight-headline: 620;
  --lh-headline: 1.1;
  --ls-headline: -0.015em;
  --font-title: Archivo, "Helvetica Neue", Arial, sans-serif;
  --size-title: 17px;
  --weight-title: 600;
  --lh-title: 1.3;
  --font-body: Archivo, "Helvetica Neue", Arial, sans-serif;
  --size-body: 16px;
  --weight-body: 400;
  --lh-body: 1.55;
  --font-small: Archivo, "Helvetica Neue", Arial, sans-serif;
  --size-small: 14px;
  --weight-small: 400;
  --lh-small: 1.45;
  --font-readout: "Chivo Mono", ui-monospace, Menlo, monospace;
  --size-readout: 13px;
  --weight-readout: 400;
  --lh-readout: 1.5;
  --font-label: "Chivo Mono", ui-monospace, Menlo, monospace;
  --size-label: 12px;
  --weight-label: 500;
  --lh-label: 1.4;
  --r-sm: 2px;
  --r-md: 4px;
  --r-pill: 999px;
  --s-xs: 4px;
  --s-sm: 8px;
  --s-md: 16px;
  --s-lg: 24px;
  --s-xl: 40px;
  --s-2xl: 56px;
  --s-3xl: 88px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --surface-0: #100e0c;
    --surface-1: #181513;
    --surface-2: #211d1a;
    --rule: #393431;
    --rule-strong: #d5d0ca;
    --ink: #f2f0ec;
    --text-secondary: #c7c3be;
    --text-muted: #9f9b96;
    --primary: #fba541;
    --primary-ink: #fcae52;
    --on-primary: #100e0c;
    --state-ok: #2fb886;
    --state-attention: #e0a21a;
    --state-fail: #e66767;
    --state-unknown: #7d7c76;
    --edge-current: #3987e5;
    --edge-proposed: #8f8d86;
    --diff-add: #142a20;
    --diff-del: #33191a;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --surface-0: #100e0c;
  --surface-1: #181513;
  --surface-2: #211d1a;
  --rule: #393431;
  --rule-strong: #d5d0ca;
  --ink: #f2f0ec;
  --text-secondary: #c7c3be;
  --text-muted: #9f9b96;
  --primary: #fba541;
  --primary-ink: #fcae52;
  --on-primary: #100e0c;
  --state-ok: #2fb886;
  --state-attention: #e0a21a;
  --state-fail: #e66767;
  --state-unknown: #7d7c76;
  --edge-current: #3987e5;
  --edge-proposed: #8f8d86;
  --diff-add: #142a20;
  --diff-del: #33191a;
}