:root {
  /* Colors - Light Theme (Museum Style) */
  --color-primary: #000000; /* Absolute Black */
  --color-primary-hover: #333333;
  --color-secondary: #E5E7EB; /* Gallery Light Gray */
  --color-secondary-light: #F9FAFB;
  --color-bg: #FFFFFF; /* Pure White */
  --color-surface: #FFFFFF;
  --color-text: #111827;
  --color-text-muted: #6B7280;
  --color-border: #E5E7EB;
  
  /* Accent for Art */
  --color-accent: #FF3B30; /* Red accent dot or subtle highlights */
  
  /* Typography */
  --font-primary: 'Playfair Display', Georgia, serif; /* Elegant Serif for Titles */
  --font-secondary: 'Inter', system-ui, -apple-system, sans-serif; /* Clean Sans for Text */
  
  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;
  --space-2xl: 8rem;
  --space-3xl: 12rem;
  
  /* Radius & Shadows - Minimalist */
  --radius-sm: 0px; /* Sharp edges for gallery feel */
  --radius-md: 0px;
  --radius-lg: 0px;
  --radius-full: 9999px;
  --shadow-sm: 0 4px 20px rgba(0, 0, 0, 0.05); /* Soft, expansive shadow for paintings */
  --shadow-md: 0 10px 40px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.15);
  
  /* Transitions */
  --transition-fast: 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  --transition-normal: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  
  /* Glassmorphism / Header */
  --glass-bg: rgba(255, 255, 255, 0.9);
  --glass-border: transparent;
}

[data-theme="dark"] {
  /* Colors - Dark Theme (Dark Room Exhibition) */
  --color-primary: #FFFFFF; 
  --color-primary-hover: #E5E7EB;
  --color-secondary: #374151; 
  --color-secondary-light: #1F2937;
  --color-bg: #0A0A0A; /* Almost Black */
  --color-surface: #111111;
  --color-text: #F3F4F6;
  --color-text-muted: #9CA3AF;
  --color-border: #333333;
  
  --glass-bg: rgba(10, 10, 10, 0.9);
  
  --shadow-sm: 0 4px 20px rgba(0, 0, 0, 0.5); 
  --shadow-md: 0 10px 40px rgba(0, 0, 0, 0.8);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.9);
}