/* light.css - Premium Modern Light Theme */
html[data-theme='light'] {
  /* Soft, warm, premium light backgrounds */
  --bg-primary: #ffffff;
  --bg-secondary: #fbfbfc;
  --bg-tertiary: #f4f5f7;
  
  /* Vibrant but elegant gradients */
  --bg-gradient: linear-gradient(135deg, #ffffff 0%, #f4f5f7 100%);
  --bg-surface-gradient: linear-gradient(145deg, #ffffff 0%, #fafbfc 100%);
  --bg-glass: rgba(255, 255, 255, 0.75);
  
  /* High contrast but softer on the eyes text */
  --text-primary: #1a1d20;
  --text-secondary: #525a65;
  --text-muted: #8b95a1;
  
  /* Subtle borders */
  --border-color: #e5e8eb;
  
  /* Modern, vibrant accents */
  --color-primary: #4f46e5; /* Vibrant Indigo */
  --color-success: #10b981; /* Fresh Emerald */
  --color-danger: #ef4444;  /* Crisp Red */
  --color-warning: #f59e0b; /* Warm Amber */
  --color-info: #0ea5e9;    /* Bright Sky Blue */

  /* Premium soft shadows */
  --shadow-sm: 0 2px 4px rgba(26, 29, 32, 0.04);
  --shadow-md: 0 8px 16px rgba(26, 29, 32, 0.06), 0 2px 6px rgba(26, 29, 32, 0.04);
  --shadow-lg: 0 16px 32px rgba(26, 29, 32, 0.08), 0 4px 12px rgba(26, 29, 32, 0.04);
  --shadow-glow: 0 0 20px rgba(79, 70, 229, 0.15);
  
  --transition-speed: 0.3s;
  
  /* Semantic classes */
  --surface-default: var(--bg-primary);
  --surface-raised: var(--bg-secondary);
}