:root {
  --color-bg: #08111f;
  --color-surface: rgba(255, 255, 255, 0.1);
  --color-surface-strong: rgba(255, 255, 255, 0.16);
  --color-border: rgba(255, 255, 255, 0.18);
  --color-text: #f4f7fb;
  --color-muted: #aeb8c8;
  --color-primary: #5b7cff;
  --color-primary-dark: #425fe0;
  --color-success: #34d399;
  --color-danger: #ff6b6b;
  --shadow-soft: 0 20px 45px rgba(0, 0, 0, 0.28);
  --radius-lg: 24px;
  --radius-md: 16px;
  --radius-sm: 12px;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --max-width: 1180px;
  --transition: 180ms ease;
}