:root {
  color-scheme: dark;
  --bg: #0b0f14;
  --glass-bg: rgba(255, 255, 255, 0.06);
  --glass-stroke: rgba(255, 255, 255, 0.18);
  --accent: #4091ff;
  --accent-2: #a00020;
  --text: rgba(255, 255, 255, 0.92);
  --text-dim: rgba(255, 255, 255, 0.72);
  --shadow: rgba(0, 0, 0, 0.45);
  --r-xs: 8px;
  --r-sm: 12px;
  --r-md: 16px;
  --r-lg: 20px;
  --blur: 24px;
  --glass: saturate(140%) blur(var(--blur));
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-6: 24px;
  --s-8: 32px;
  --font-ui: ui-sans-serif, -apple-system, "SF Pro", "Segoe UI", Roboto, Arial, sans-serif;
  --fs-1: 12px;
  --fs-2: 14px;
  --fs-3: 16px;
  --fs-4: 18px;
  --fs-5: 22px;
  --lh: 1.45;
  --ring: 0 0 0 1px var(--glass-stroke) inset, 0 10px 30px var(--shadow);
  --max-width: 1200px;
}

[data-theme='dark'] {
  color-scheme: dark;
}