:root {
  --navy-950: #04080f;
  --navy-900: #070e18;
  --navy-850: #0a1422;
  --navy-800: #0f1c2e;
  --navy-700: #16304a;
  --ice-50: #f7fbfe;
  --ice-100: #eaf4fb;
  --ice-200: #c9e4f5;
  --ice-300: #8fd0f0;
  --ice-400: #4db8e8;
  --ice-500: #2a9fd4;
  --silver-100: #f0f3f7;
  --silver-200: #d5dde8;
  --silver-300: #a8b4c4;
  --silver-400: #7a8799;
  --accent: #5ec8f0;
  --accent-soft: rgba(94, 200, 240, 0.14);
  --accent-deep: #1e7a9e;
  --accent-glow: rgba(94, 200, 240, 0.35);
  --win: #6ed6a8;
  --loss: #e09292;
  --text: #e8eef5;
  --text-muted: #9aabbd;
  --line: rgba(143, 208, 240, 0.18);
  --line-strong: rgba(199, 228, 245, 0.32);
  --panel: rgba(10, 20, 34, 0.62);
  --panel-solid: #0f1c2e;
  --glass: rgba(12, 22, 36, 0.55);
  --glass-border: rgba(199, 228, 245, 0.16);
  --shadow: 0 24px 64px rgba(0, 4, 12, 0.55);
  --shadow-glow: 0 0 40px rgba(94, 200, 240, 0.08);
  --radius: 2px;
  --radius-lg: 6px;
  --font-display: "Syne", sans-serif;
  --font-body: "DM Sans", sans-serif;
  --max: 1120px;
  --header-h: 78px;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --duration: 0.45s;
}