/* Spiral Co. design tokens, generated from the design system's tokens.json. */
:root {
  --paper: #ffffff;
  --surface: #f4f4f6;
  --ink: #000000;
  --ink-muted: #555555;
  --on-ink: #ffffff;
  --on-ink-muted: #b4b4ba;
  --line: #e2e2e6;
  --line-strong: #76767c;
  --shift-blue: #2b6bff;
  --shift-violet: #7a3cff;
  --shift-magenta: #d23c8f;
  --shift-orange: #ff6a2b;
  --shift-red: #ff3b2f;
  --absorption: #0a0b1e;
  --redshift-text: #d92a1e;
  --link: #1f5beb;
  --focus: #1f5beb;
  --font-display: "Anton", "Impact", "Haettenschweiler", "Arial Narrow Bold", sans-serif;
  --font-sans: "Work Sans", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "DM Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-4: 16px;
  --space-6: 24px;
  --space-10: 40px;
  --space-20: 80px;
  --radius-none: 0;
  --radius-sm: 4px;
  --radius-pill: 999px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #000000;
    --surface: #121214;
    --ink: #ffffff;
    --ink-muted: #a3a3a8;
    --on-ink: #000000;
    --on-ink-muted: #55555b;
    --line: #2a2a2e;
    --line-strong: #7c7c82;
    --redshift-text: #ff3b2f;
    --link: #6e9bff;
    --focus: #6e9bff;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --paper: #000000;
  --surface: #121214;
  --ink: #ffffff;
  --ink-muted: #a3a3a8;
  --on-ink: #000000;
  --on-ink-muted: #55555b;
  --line: #2a2a2e;
  --line-strong: #7c7c82;
  --redshift-text: #ff3b2f;
  --link: #6e9bff;
  --focus: #6e9bff;
  color-scheme: dark;
}