/* GENERATED from site/DESIGN.md by viewer/design/build-tokens.mjs (@google/design.md@0.4.0); 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;
  --div-pos: #2a78d6;
  --div-neg: #e34948;
  --div-mid: #d9d7cf;
  --cat-inspect: #2a78d6;
  --cat-edit: #eb6834;
  --cat-read: #1baf7a;
  --cat-check: #eda100;
  --cat-shell: #e87ba4;
  --cat-vcs: #4a3aa7;
  --cat-other: #a3a29b;
  --status-critical: #d03b3b;
  --font-display: Archivo, "Helvetica Neue", Arial, sans-serif;
  --size-display: 80px;
  --weight-display: 640;
  --ls-display: -0.025em;
  --font-headline: Archivo, "Helvetica Neue", Arial, sans-serif;
  --size-headline: 44px;
  --weight-headline: 620;
  --ls-headline: -0.02em;
  --font-title: Archivo, "Helvetica Neue", Arial, sans-serif;
  --size-title: 19px;
  --weight-title: 600;
  --font-body: Archivo, "Helvetica Neue", Arial, sans-serif;
  --size-body: 17px;
  --weight-body: 400;
  --font-small: Archivo, "Helvetica Neue", Arial, sans-serif;
  --size-small: 14px;
  --weight-small: 400;
  --font-readout: "Chivo Mono", ui-monospace, Menlo, monospace;
  --size-readout: 13px;
  --weight-readout: 400;
  --font-label: "Chivo Mono", ui-monospace, Menlo, monospace;
  --size-label: 12px;
  --weight-label: 500;
  --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: 64px;
  --s-3xl: 112px;
}
@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;
    --div-pos: #3987e5;
    --div-neg: #e66767;
    --div-mid: #55554f;
    --cat-inspect: #3987e5;
    --cat-edit: #d95926;
    --cat-read: #199e70;
    --cat-check: #c98500;
    --cat-shell: #d55181;
    --cat-vcs: #9085e9;
    --cat-other: #6f6e68;
    --status-critical: #e66767;
  }
}
: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;
  --div-pos: #3987e5;
  --div-neg: #e66767;
  --div-mid: #55554f;
  --cat-inspect: #3987e5;
  --cat-edit: #d95926;
  --cat-read: #199e70;
  --cat-check: #c98500;
  --cat-shell: #d55181;
  --cat-vcs: #9085e9;
  --cat-other: #6f6e68;
  --status-critical: #e66767;
}