/* Akua — generated from design-system/tokens.json by scripts/sync-design.mjs. Do not edit. */
:root, [data-theme="night"] {
  --ground: #080b11;
  --surface: #0e1218;
  --surface-raised: #151a22;
  --surface-overlay: #0e1218e0;
  --scrim: #080b11bd;
  --scrim-fade: #080b116b;
  --ink: #eef0f2;
  --ink-muted: #aab2bc;
  --ink-faint: #8a939e;
  --line: #eef0f224;
  --line-strong: #717a87;
  --accent: #9fc3e6;
  --on-accent: #0b0e13;
  --pixel-sky: #bdeeff;
  --pixel-wave: #6ebbe8;
  --pixel-deep: #3f729f;
  --shadow-panel: 0 16px 40px #00000080;
  --shadow-text: 0 1px 12px #04070c80;
}
[data-theme="dusk"] {
  --ground: #100d16;
  --scrim: #100d16c4;
  --scrim-fade: #100d1675;
}
[data-theme="day"] {
  --ground: #0e161e;
  --scrim: #0e161eb3;
  --scrim-fade: #0e161e54;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --gutter: 5.6%;
  --radius-0: 0;
  --radius-1: 2px;
  --notch: 2px;
  --bracket: 12px;
  --bracket-weight: 2px;
  --dot: 6px;
  --icon-xs: 16px;
  --icon-sm: 18px;
  --icon-md: 24px;
  --tile: 36px;
  --hit: 44px;
  --hud-px: clamp(1px, .5px + .0390625vw, 1.5px);
  --hero-width: calc(600 * var(--hud-px));
  --control-width: 392px;
  --measure: 62ch;
  --font-pixel: "Pixelify Sans", "Noto Sans TC", system-ui, sans-serif;
  --font-sans: "Tomorrow", "Noto Sans TC", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Azeret Mono", "Noto Sans TC", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --font-bar: "IBM Plex Mono", "Noto Sans TC", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}