/* Made by tools/design-tokens.mjs from engine/web/design/tokens.js: change that file, then `npm run design:tokens`. */
@font-face { font-family: Sora; src: url("fonts/Sora.ttf") format("truetype"); font-weight: 100 800; font-display: swap; }
@font-face { font-family: Michroma; src: url("fonts/Michroma.ttf") format("truetype"); font-weight: 400; font-display: swap; }
:root {
  --deep: #04070e;
  --glass: #0e1828;
  --glass-hi: #17253b;
  --glass-hot: #22344f;
  --edge: #3b5a80;
  --edge-soft: #24344f;
  --text: #eef5ff;
  --text-soft: #b9c8e0;
  --muted: #8fa3c4;
  --ice: #7fe7ff;
  --ice-ink: #04121a;
  --beacon: #ffd66b;
  --beacon-ink: #1a1200;
  --live: #8ff0c0;
  --alert: #ff8a7a;
  --line-blue: #5ab8ff;
  --line-coral: #ff8a6b;
  --line-violet: #b79bff;
  --line-pink: #ff7ac8;
  --line-teal: #4fd1c5;
  --glass-screen: rgba(16, 26, 44, 0.55);
  --glass-blur: 22px;
  --glass-saturate: 1.6;
  --radius-panel: 34px;
  --radius-card: 28px;
  --radius-row: 22px;
  --radius-control: 999px;
  --font-text: Sora, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-label: Michroma, Sora, system-ui, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, monospace;
  color-scheme: dark;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --deep: #dfe6f0;
    --glass: #f6f9ff;
    --glass-hi: #e6ecf5;
    --glass-hot: #d6dfec;
    --edge: #ffffff;
    --edge-soft: #c9d4e4;
    --text: #0c1628;
    --text-soft: #33435e;
    --muted: #4f6080;
    --ice: #0c1628;
    --ice-ink: #eef5ff;
    --beacon: #8a5a00;
    --beacon-ink: #ffffff;
    --live: #136b48;
    --alert: #b3261e;
    --line-blue: #1f7fd0;
    --line-coral: #c2502f;
    --line-violet: #7a5ccc;
    --line-pink: #c23f8c;
    --line-teal: #1d8f86;
    --glass-screen: rgba(246, 249, 255, 0.62);
    color-scheme: light;
  }
}
:root[data-theme="light"] {
  --deep: #dfe6f0;
  --glass: #f6f9ff;
  --glass-hi: #e6ecf5;
  --glass-hot: #d6dfec;
  --edge: #ffffff;
  --edge-soft: #c9d4e4;
  --text: #0c1628;
  --text-soft: #33435e;
  --muted: #4f6080;
  --ice: #0c1628;
  --ice-ink: #eef5ff;
  --beacon: #8a5a00;
  --beacon-ink: #ffffff;
  --live: #136b48;
  --alert: #b3261e;
  --line-blue: #1f7fd0;
  --line-coral: #c2502f;
  --line-violet: #7a5ccc;
  --line-pink: #c23f8c;
  --line-teal: #1d8f86;
  --glass-screen: rgba(246, 249, 255, 0.62);
  color-scheme: light;
}