/* 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;
  --ms-instant: 90ms;
  --ms-quick: 160ms;
  --ms-base: 240ms;
  --ms-slow: 420ms;
  --ms-scene: 700ms;
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --spring-press: linear(0, 0.087, 0.267, 0.487, 0.691, 0.849, 0.967, 1.037, 1.074, 1.084, 1.077, 1.061, 1.043, 1.027, 1.013, 1.003, 0.997, 0.994, 0.993, 0.994, 0.995, 0.996, 0.998, 0.999, 1);
  --spring-press-ms: 543ms;
  --spring-soft: linear(0, 0.048, 0.152, 0.28, 0.402, 0.514, 0.611, 0.692, 0.759, 0.814, 0.857, 0.89, 0.916, 0.936, 0.952, 0.964, 0.973, 0.98, 0.985, 0.989, 0.991, 0.994, 0.995, 0.997, 1);
  --spring-soft-ms: 628ms;
  --stagger: 40ms;
  --stagger-max: 6;
  --idle-turn: 24000ms;
  --idle-breathe: 2600ms;
  --idle-drift: 30000ms;
  --idle-state: running;
  color-scheme: dark;
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --ms-instant: 45ms;
    --ms-quick: 80ms;
    --ms-base: 120ms;
    --ms-slow: 210ms;
    --ms-scene: 350ms;
    --spring-press-ms: 272ms;
    --spring-soft-ms: 314ms;
    --stagger: 0ms;
    --idle-state: paused;
  }
}
@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;
}