:root {
  /* Colors */
  --color-bg-1: #2A1FA8;
  --color-bg-2: #4B3DE0;
  --color-bg-3: #6650F0;
  --color-gold: #F5A623;
  --color-gold-hover: #FFBA42;
  --color-cream: #F5E5C8;
  --color-surface: rgba(255, 255, 255, 0.08);
  --color-surface-hover: rgba(255, 255, 255, 0.12);
  --color-text: #FFFFFF;
  --color-text-muted: rgba(255, 255, 255, 0.65);

  /* Radii */
  --radius-card: 16px;
  --radius-btn: 12px;
  --radius-phone: 44px;

  /* Spacing */
  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 24px;
  --spacing-lg: 48px;
  --spacing-xl: 80px;
  --spacing-xxl: 120px;

  /* Typography */
  --font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;

  /* Shadows */
  --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.3);
  --shadow-phone: 0 24px 64px rgba(0, 0, 0, 0.5);
  --shadow-gold-glow: 0 0 20px rgba(245, 166, 35, 0.4);

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-base: 0.25s ease;
  --transition-slow: 0.4s ease;
}