:root {
      color-scheme: dark;
      --night-sky: #030712;
      --night-deep: #07111f;
      --console: rgba(10, 22, 36, .92);
      --console-raised: rgba(15, 28, 44, .94);
      --console-inset: rgba(4, 12, 24, .74);
      --ice: #f2f7ff;
      --ice-soft: #c9d8e7;
      --steel: #8ba2b6;
      --steel-dim: #5d7183;
      --grid-line: rgba(159, 198, 230, .12);
      --grid-line-strong: rgba(159, 198, 230, .24);
      --radar: #7dd3fc;
      --radar-bright: #c7f0ff;
      --radar-soft: rgba(125, 211, 252, .13);
      --signal-blue: #89a8ff;
      --signal-blue-soft: rgba(137, 168, 255, .14);
      --safe: #51d995;
      --safe-soft: rgba(81, 217, 149, .12);
      --caution: #f1b85b;
      --caution-soft: rgba(241, 184, 91, .13);
      --danger: #ff7474;
      --danger-soft: rgba(255, 116, 116, .12);
      --shadow-deep: 0 32px 100px rgba(0, 0, 0, .46);
      --radius-panel: 18px;
      --radius-control: 10px;
      font-family: "SF Pro Display", "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;
      background: var(--night-sky);
      color: var(--ice);
    }

:root {
  --font-display: "SF Pro Display", "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;
  --font-data: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --motion-instant: 120ms;
  --motion-fast: 180ms;
  --motion-standard: 320ms;
  --motion-narrative: 700ms;
  --ease-control: cubic-bezier(.2,.8,.2,1);
  --ease-enter: cubic-bezier(.16,1,.3,1);
}