/**
 * Fortune Reveal - Cosmic Purple Theme Variables
 * DV-A5 Configuration
 */

:root {
  /* Primary Colors */
  --primary: #6366F1;
  --primary-light: #A5B4FC;
  --primary-dark: #4F46E5;
  --accent: #C4B5FD;
  
  /* Background */
  --background: #0A0A1A;
  --surface: #1A1A2E;
  --surface-light: #2D2D44;
  
  /* Text */
  --text: #F5F5F5;
  --text-muted: #9CA3AF;
  --text-secondary: #E5E7EB;
  
  /* Borders & Shadows */
  --border: rgba(99, 102, 241, 0.2);
  --shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
  --glow: 0 0 40px rgba(99, 102, 241, 0.15);
  
  /* Spacing (均衡节奏) */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4rem;
  
  /* Typography */
  --font-heading: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: 1.5rem;
  --font-size-2xl: 2rem;
  --font-size-3xl: 3rem;
  
  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 200ms ease;
  --transition-slow: 300ms ease;
  
  /* Layout (L2 左右分栏) */
  --sidebar-width: 280px;
  --content-max-width: 1200px;
}