:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-10: 40px;
  --radius-0: 0px;
  --radius-1: 2px;
  --radius-2: 4px;
  --target-min: 52px;
  --target-primary: 64px;
  --rule-width: 2px;
  --font-display: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif;
  --font-body: "Barlow", system-ui, sans-serif;
  color-scheme: dark;
  --ground: #0a0d12;
  --surface: #161c24;
  --surface-raised: #1f2731;
  --rule: #3a4552;
  --ink: #f2f5f7;
  --ink-muted: #9aa6b2;
  --ink-inverse: #0a0d12;
  --action: #f2f5f7;
  --ok: #5aa9ff;
  --caution: #ffb020;
  --alarm: #ff5a4f;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    color-scheme: light;
    --ground: #ffffff;
    --surface: #e9edf1;
    --surface-raised: #dde3e9;
    --rule: #0a0d12;
    --ink: #0a0d12;
    --ink-muted: #4a5563;
    --ink-inverse: #ffffff;
    --action: #0a0d12;
    --ok: #1d5fd0;
    --caution: #9a5b00;
    --alarm: #c8231a;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --ground: #0a0d12;
  --surface: #161c24;
  --surface-raised: #1f2731;
  --rule: #3a4552;
  --ink: #f2f5f7;
  --ink-muted: #9aa6b2;
  --ink-inverse: #0a0d12;
  --action: #f2f5f7;
  --ok: #5aa9ff;
  --caution: #ffb020;
  --alarm: #ff5a4f;
}
:root[data-theme="sun"] {
  color-scheme: light;
  --ground: #ffffff;
  --surface: #e9edf1;
  --surface-raised: #dde3e9;
  --rule: #0a0d12;
  --ink: #0a0d12;
  --ink-muted: #4a5563;
  --ink-inverse: #ffffff;
  --action: #0a0d12;
  --ok: #1d5fd0;
  --caution: #9a5b00;
  --alarm: #c8231a;
}
:root[data-theme="night"] {
  color-scheme: dark;
  --ground: #000000;
  --surface: #140504;
  --surface-raised: #200907;
  --rule: #b8301f;
  --ink: #ff4433;
  --ink-muted: #ff4433;
  --ink-inverse: #000000;
  --action: #ff4433;
  --ok: #ff4433;
  --caution: #ff4433;
  --alarm: #ff4433;
}