:root {
  /* AperoNight Premium Light Theme - Professional Event Platform */
  
  /* Base Colors - Clean Light Background with Professional Accents */
  --background: oklch(0.9800 0.0050 240);
  --foreground: oklch(0.1500 0.0200 240);
  --surface: oklch(0.9600 0.0080 240);
  --surface-elevated: oklch(0.9400 0.0120 240);
  
  /* Card & Dialog surfaces */
  --card: oklch(1.0000 0 0);
  --card-foreground: oklch(0.1500 0.0200 240);
  --popover: oklch(1.0000 0 0);
  --popover-foreground: oklch(0.1500 0.0200 240);
  
  /* Primary - Professional Electric Blue */
  --primary: oklch(0.5200 0.2200 220);
  --primary-foreground: oklch(0.9900 0.0050 220);
  --primary-hover: oklch(0.4600 0.2400 220);
  --primary-light: oklch(0.9200 0.1000 220);
  --primary-dark: oklch(0.3800 0.2600 220);
  
  /* Secondary - Sophisticated Light Gray */
  --secondary: oklch(0.9200 0.0100 240);
  --secondary-foreground: oklch(0.3000 0.0300 240);
  --secondary-hover: oklch(0.8800 0.0150 240);
  
  /* Accent - Vibrant Cyan (Events Energy) */
  --accent: oklch(0.6500 0.2400 200);
  --accent-foreground: oklch(0.9900 0.0050 200);
  --accent-light: oklch(0.9400 0.1200 200);
  --accent-dark: oklch(0.5000 0.2800 200);
  
  /* Success - Event Success Green */
  --success: oklch(0.6000 0.2000 140);
  --success-foreground: oklch(0.9800 0.0100 140);
  --success-light: oklch(0.9600 0.0800 140);
  
  /* Warning - Premium Amber */
  --warning: oklch(0.7200 0.1800 60);
  --warning-foreground: oklch(0.2500 0.0400 60);
  --warning-light: oklch(0.9600 0.0800 60);
  
  /* Error - Professional Red */
  --destructive: oklch(0.5600 0.2200 20);
  --destructive-foreground: oklch(0.9800 0.0100 20);
  --destructive-light: oklch(0.9600 0.1000 20);
  
  /* Muted tones */
  --muted: oklch(0.9400 0.0100 240);
  --muted-foreground: oklch(0.5200 0.0300 240);
  --muted-dark: oklch(0.8800 0.0200 240);
  
  /* Borders and inputs */
  --border: oklch(0.8800 0.0200 240);
  --input: oklch(0.9800 0.0080 240);
  --input-border: oklch(0.8600 0.0300 240);
  --ring: oklch(0.5200 0.2200 220);
  
  /* Typography - Premium Event Platform */
  --font-sans: 'Inter', 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-display: 'Space Grotesk', 'Outfit', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
  
  /* Spacing and layout */
  --radius: 0.75rem;
  --spacing: 1rem;
  
  /* Light theme shadow system */
  --shadow-xs: 0 1px 3px 0 hsl(240 15% 15% / 0.08), 0 1px 2px -1px hsl(240 15% 15% / 0.06);
  --shadow-sm: 0 2px 6px -1px hsl(240 15% 15% / 0.10), 0 2px 4px -2px hsl(240 15% 15% / 0.08);
  --shadow: 0 4px 8px -2px hsl(240 15% 15% / 0.12), 0 2px 4px -2px hsl(240 15% 15% / 0.08);
  --shadow-md: 0 8px 16px -4px hsl(240 15% 15% / 0.14), 0 4px 6px -2px hsl(240 15% 15% / 0.10);
  --shadow-lg: 0 16px 24px -4px hsl(240 15% 15% / 0.16), 0 8px 8px -4px hsl(240 15% 15% / 0.08);
  --shadow-xl: 0 20px 32px -8px hsl(240 15% 15% / 0.18), 0 8px 16px -8px hsl(240 15% 15% / 0.10);
  --shadow-2xl: 0 32px 64px -12px hsl(240 15% 15% / 0.22);
  
  /* Subtle accent shadows for light theme */
  --shadow-electric: 0 4px 16px -2px hsl(220 80% 60% / 0.15), 0 2px 8px -2px hsl(220 80% 60% / 0.10);
  --shadow-accent: 0 4px 16px -2px hsl(200 80% 60% / 0.18), 0 2px 8px -2px hsl(200 80% 60% / 0.12);
  
  /* Light theme gradients */
  --gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
  --gradient-background: linear-gradient(135deg, 
    oklch(0.9800 0.0050 240) 0%, 
    oklch(0.9600 0.0080 235) 25%,
    oklch(0.9400 0.0120 230) 50%,
    oklch(0.9600 0.0080 225) 75%,
    oklch(0.9800 0.0050 220) 100%);
  --gradient-card: linear-gradient(135deg, 
    oklch(1.0000 0 0) 0%, 
    oklch(0.9900 0.0050 235) 100%);
  
  /* Light theme pattern overlays */
  --grid-color: oklch(0.8500 0.0300 240);
  --dot-color: oklch(0.8000 0.0400 220);
  --connection-color: oklch(0.7500 0.0800 210);
  
  /* Light glassmorphism */
  --glass-bg: oklch(1.0000 0 0 / 0.85);
  --glass-border: oklch(0.8800 0.0200 240 / 0.25);
  --glass-backdrop: blur(16px) saturate(180%);
  
  /* Professional interaction states */
  --hover-lift: translateY(-2px);
  --hover-scale: scale(1.02);
  --focus-ring: 0 0 0 3px var(--ring);
  
  /* Event-specific colors for light theme */
  --event-vip: oklch(0.6800 0.2200 45);
  --event-premium: oklch(0.5800 0.2000 280);
  --event-standard: oklch(0.6200 0.1600 160);
  --event-available: oklch(0.6000 0.1800 140);
  --event-limited: oklch(0.7000 0.1800 50);
  --event-sold-out: oklch(0.5800 0.2000 15);

  /* Radius variations */
  --radius-xs: calc(var(--radius) - 4px);
  --radius-sm: calc(var(--radius) - 2px);
  --radius-md: var(--radius);
  --radius-lg: calc(var(--radius) + 4px);
  --radius-xl: calc(var(--radius) + 8px);
  --radius-2xl: calc(var(--radius) + 12px);
  --radius-full: 9999px;
}