/* Shared Epigrams design tokens. Imported by the site and the standalone tools. */
:root {
  --canvas: 255 255 255;
  --ink: 10 10 10;
  --line: 229 231 235;
  --muted: 75 85 99;
  --surface: 249 250 251;
  --surface-highlight: 243 244 246;
  --accent: 0 0 0;
  --accent-ink: 255 255 255;
  --danger: 153 27 27;
  --soft-shadow: 0 4px 6px -1px rgba(0,0,0,.05), 0 2px 4px -1px rgba(0,0,0,.03);
  --site-width: 80rem;
  --site-gutter: 1.5rem;
  --radius-card: 1.5rem;
  --radius-control: .75rem;
  --radius-button: 9999px;
  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
  color-scheme: light;
}
:root.dark {
  --canvas: 5 5 5;
  --ink: 250 250 250;
  --line: 38 38 38;
  --muted: 180 180 180;
  --surface: 15 15 15;
  --surface-highlight: 23 23 23;
  --accent: 255 255 255;
  --accent-ink: 0 0 0;
  --danger: 252 165 165;
  --soft-shadow: 0 0 0 1px rgba(255,255,255,.05), 0 4px 12px rgba(0,0,0,.5);
  color-scheme: dark;
}
/* System preference also works before scripts and when JavaScript is disabled. */
@media (prefers-color-scheme: dark) {
  :root:not(.light):not(.dark) {
    --canvas: 5 5 5; --ink: 250 250 250; --line: 38 38 38;
    --muted: 180 180 180; --surface: 15 15 15; --surface-highlight: 23 23 23;
    --accent: 255 255 255; --accent-ink: 0 0 0; --danger: 252 165 165;
    --soft-shadow: 0 0 0 1px rgba(255,255,255,.05), 0 4px 12px rgba(0,0,0,.5);
    color-scheme: dark;
  }
}
@media (min-width: 640px) { :root { --site-gutter: 2rem; } }