/* DillisData tokens. Generated by scripts/tokens.py from design/tokens.json (the DillisData design system). Do not edit by hand. */
@font-face { font-family: "Archivo"; src: url("/assets/fonts/archivo-latin-wdth-normal.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-stretch: 62% 125%; font-display: swap; }
@font-face { font-family: "IBM Plex Sans"; src: url("/assets/fonts/ibm-plex-sans-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Sans"; src: url("/assets/fonts/ibm-plex-sans-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Sans"; src: url("/assets/fonts/ibm-plex-sans-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("/assets/fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("/assets/fonts/ibm-plex-mono-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }

:root {
  color-scheme: light;
  --paper: #ffffff;
  --paper-alt: #f1f2f2;
  --graphite: #111315;
  --graphite-raised: #1c1f23;
  --ink: #0b0c0e;
  --ink-muted: #565c63;
  --on-graphite: #f2f3f3;
  --on-graphite-muted: #9aa1a9;
  --signal: #9a5410;
  --signal-bright: #e8913a;
  --on-signal: #0b0c0e;
  --rule: #dcdee0;
  --rule-strong: #7e858d;
  --grid-line: #1f2226;
  --danger: #a3322b;
  --shadow-panel: 0 24px 48px -24px rgba(11,12,14,0.35);
  --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;
  --space-32: 128px;
  --radius-0: 0px;
  --radius-sm: 2px;
  --content-max: 1240px;
  --measure: 620px;
  --grid-pitch: 80px;
  --font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-sans: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, Consolas, monospace;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --paper: #0b0c0e;
    --paper-alt: #131518;
    --graphite: #17191c;
    --graphite-raised: #22262b;
    --ink: #ecedee;
    --ink-muted: #9aa1a9;
    --on-graphite: #f2f3f3;
    --on-graphite-muted: #a3aab2;
    --signal: #e8913a;
    --signal-bright: #e8913a;
    --on-signal: #0b0c0e;
    --rule: #262a2f;
    --rule-strong: #5c636b;
    --grid-line: #22262b;
    --danger: #f0897e;
    --shadow-panel: 0 24px 48px -24px rgba(0,0,0,0.7);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #0b0c0e;
  --paper-alt: #131518;
  --graphite: #17191c;
  --graphite-raised: #22262b;
  --ink: #ecedee;
  --ink-muted: #9aa1a9;
  --on-graphite: #f2f3f3;
  --on-graphite-muted: #a3aab2;
  --signal: #e8913a;
  --signal-bright: #e8913a;
  --on-signal: #0b0c0e;
  --rule: #262a2f;
  --rule-strong: #5c636b;
  --grid-line: #22262b;
  --danger: #f0897e;
  --shadow-panel: 0 24px 48px -24px rgba(0,0,0,0.7);
}