:root {
  --bg-system: #090a0f;
  --bg-gradient: radial-gradient(circle at 50% 0%, #1a1e36 0%, #090a0f 75%);
  --surface-glass: rgba(22, 24, 35, 0.72);
  --surface-glass-heavy: rgba(15, 16, 25, 0.88);
  --surface-glass-card: rgba(30, 32, 48, 0.55);
  --surface-glass-hover: rgba(45, 48, 72, 0.65);
  
  --border-glass: rgba(255, 255, 255, 0.12);
  --border-glass-subtle: rgba(255, 255, 255, 0.06);
  --border-glass-highlight: rgba(255, 255, 255, 0.24);

  --text-primary: #ffffff;
  --text-secondary: rgba(235, 235, 245, 0.65);
  --text-tertiary: rgba(235, 235, 245, 0.4);

  --accent-blue: #007aff;
  --accent-blue-gradient: linear-gradient(135deg, #007aff 0%, #0051a8 100%);
  --accent-green: #34c759;
  --accent-purple: #af52de;
  --accent-indigo: #5e5ce6;
  --accent-orange: #ff9500;
  --accent-red: #ff3b30;

  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-pill: 9999px;

  --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.25);
  --shadow-md: 0 12px 32px -4px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 24px 60px -12px rgba(0, 0, 0, 0.55);
  --shadow-glow-blue: 0 0 24px rgba(0, 122, 255, 0.35);
  --shadow-glow-green: 0 0 24px rgba(52, 199, 89, 0.35);

  --font-system: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "Segoe UI", sans-serif;
  --transition-spring: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  --blur-glass: blur(28px) saturate(190%);
}