/* Generated by build.py from tokens.json (Anomander). Do not edit. */
:root {
  --surface: #121219;
  --surface-raised: #1c1c28;
  --surface-focus: #1a1830;
  --band: #090910;
  --line: #2b2b3a;
  --ink: #e6e6ee;
  --text: #cccccc;
  --mist: #7291b4;
  --faint: #7c7c96;
  --band-ink: #e6e6ee;
  --band-text: #cccccc;
  --band-mist: #7291b4;
  --accent: #7eb0ea;
  --accent-fill: #569cd6;
  --teal: #4ec9b0;
  --link: #7eb0ea;
  --focus: #604eff;
  --focus-dim: rgba(96,78,255,0.38);
  --rose: #db7f99;
  --rose-soft: #2a1820;
  --scarlet: #d16969;
  --scarlet-fill: #994141;
  --scarlet-soft: #2a1416;
  --code-bg: #090910;
  --code-text: #cccccc;
  --syntax-keyword: #569cd6;
  --syntax-type: #4ec9b0;
  --syntax-string: #ce9178;
  --syntax-number: #b5cea8;
  --syntax-function: #dcdcaa;
  --syntax-variable: #9cdcfe;
  --syntax-comment: #6a9955;
  --font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "Inconsolata", "Cascadia Mono", Consolas, ui-monospace, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --radius-sm: 3px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --stroke-hairline: 1px;
  --stroke-focus: 2px;
  --stroke-edge: 3px;
  color-scheme: dark;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --surface: #f7f7f9;
    --surface-raised: #ececf2;
    --surface-focus: #f0eeff;
    --band: #121219;
    --line: #d9d9e3;
    --ink: #121219;
    --text: #3a3a4e;
    --mist: #56698a;
    --faint: #6e6e84;
    --band-ink: #e6e6ee;
    --band-text: #cccccc;
    --band-mist: #7291b4;
    --accent: #21478d;
    --accent-fill: #3d74b8;
    --teal: #007082;
    --link: #4636c8;
    --focus: #604eff;
    --focus-dim: rgba(96,78,255,0.30);
    --rose: #b04868;
    --rose-soft: #f7ebef;
    --scarlet: #994141;
    --scarlet-fill: #994141;
    --scarlet-soft: #f5e9e9;
    --code-bg: #121219;
    --code-text: #cccccc;
    --syntax-keyword: #569cd6;
    --syntax-type: #4ec9b0;
    --syntax-string: #ce9178;
    --syntax-number: #b5cea8;
    --syntax-function: #dcdcaa;
    --syntax-variable: #9cdcfe;
    --syntax-comment: #6a9955;
    color-scheme: light;
  }
}
:root[data-theme="light"] {
  --surface: #f7f7f9;
  --surface-raised: #ececf2;
  --surface-focus: #f0eeff;
  --band: #121219;
  --line: #d9d9e3;
  --ink: #121219;
  --text: #3a3a4e;
  --mist: #56698a;
  --faint: #6e6e84;
  --band-ink: #e6e6ee;
  --band-text: #cccccc;
  --band-mist: #7291b4;
  --accent: #21478d;
  --accent-fill: #3d74b8;
  --teal: #007082;
  --link: #4636c8;
  --focus: #604eff;
  --focus-dim: rgba(96,78,255,0.30);
  --rose: #b04868;
  --rose-soft: #f7ebef;
  --scarlet: #994141;
  --scarlet-fill: #994141;
  --scarlet-soft: #f5e9e9;
  --code-bg: #121219;
  --code-text: #cccccc;
  --syntax-keyword: #569cd6;
  --syntax-type: #4ec9b0;
  --syntax-string: #ce9178;
  --syntax-number: #b5cea8;
  --syntax-function: #dcdcaa;
  --syntax-variable: #9cdcfe;
  --syntax-comment: #6a9955;
  color-scheme: light;
}
.dark-scope {
  --surface: #121219;
  --surface-raised: #1c1c28;
  --surface-focus: #1a1830;
  --band: #090910;
  --line: #2b2b3a;
  --ink: #e6e6ee;
  --text: #cccccc;
  --mist: #7291b4;
  --faint: #7c7c96;
  --band-ink: #e6e6ee;
  --band-text: #cccccc;
  --band-mist: #7291b4;
  --accent: #7eb0ea;
  --accent-fill: #569cd6;
  --teal: #4ec9b0;
  --link: #7eb0ea;
  --focus: #604eff;
  --focus-dim: rgba(96,78,255,0.38);
  --rose: #db7f99;
  --rose-soft: #2a1820;
  --scarlet: #d16969;
  --scarlet-fill: #994141;
  --scarlet-soft: #2a1416;
  --code-bg: #090910;
  --code-text: #cccccc;
  --syntax-keyword: #569cd6;
  --syntax-type: #4ec9b0;
  --syntax-string: #ce9178;
  --syntax-number: #b5cea8;
  --syntax-function: #dcdcaa;
  --syntax-variable: #9cdcfe;
  --syntax-comment: #6a9955;
  color-scheme: dark;
}