:root, [data-theme="fog"] {
  --tile: #e6c7ae;
  --paper: #c9957a;
  --bloom: #d98c8f;
  --stain: #8f4a36;
  --seam: #2a211d;
  --void: #0c0a09;
  --grate: #3a1a14;
  --rust: #6a2418;
  --ash: #e3a596;
  --siren: #c4141e;
  --on-siren: #fbede6;
  --surface: var(--tile);
  --surface-raised: #efd8c4;
  --ink: var(--seam);
  --ink-muted: #5b4034;
  --line: rgba(42,33,29,0.28);
  --line-strong: var(--seam);
  --accent: var(--siren);
  --on-accent: var(--on-siren);
  --focus: var(--seam);
  --haze: rgba(236,222,208,0.5);
}
[data-theme="other"] {
  --surface: var(--void);
  --surface-raised: #16110f;
  --ink: var(--ash);
  --ink-muted: #a97c70;
  --line: rgba(227,165,150,0.28);
  --line-strong: var(--ash);
  --focus: var(--ash);
  --haze: rgba(12,10,9,0.62);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 96px;
  --space-9: 144px;
  --radius-none: 0;
  --radius-xs: 2px;
  --radius-round: 999px;
  --shadow-pinned: 2px 10px 22px rgba(42,33,29,0.35);
  --shadow-tag: 0 18px 40px rgba(0,0,0,0.6);
  --blink: 1.2s;
  --glitch: 0.36s;
  --font-gothic: "UnifrakturCook", "Old English Text MT", serif;
  --font-display: "Unbounded", "Arial Black", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: "Times New Roman", "Tinos", Times, serif;
}