:root {
  --bg: #020b16;
  --bg-raised: #041426;
  --surface: #071a2f;
  --surface-2: #08213a;
  --surface-3: #0b2947;
  --surface-soft: rgba(11, 41, 71, .72);
  --blue: #1b9cff;
  --blue-bright: #56bdff;
  --blue-dim: #0d5f98;
  --gold: #d6ab54;
  --gold-light: #f0cf78;
  --green: #19c77b;
  --orange: #f3a33d;
  --red: #e44155;
  --white: #f8fbff;
  --text: #edf6ff;
  --muted: #8aa8c5;
  --muted-2: #597995;
  --border: rgba(47, 178, 255, .28);
  --border-strong: rgba(47, 178, 255, .62);
  --shadow: 0 18px 54px rgba(0, 0, 0, .38);
  --glow: 0 0 0 1px rgba(47, 178, 255, .06), 0 0 28px rgba(21, 151, 255, .09);
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}