:root {
  /* Colors - Light Theme */
  --color-primary: #1C2A39; /* Deep Navy Blue */
  --color-primary-hover: #121C26;
  --color-secondary: #D3A87C; /* Kraft / Recycled paper */
  --color-secondary-light: #F4EBE1; /* Light Kraft */
  --color-bg: #FCFBF9; /* Warm Off-White / Cream */
  --color-surface: #FFFFFF;
  --color-text: #1C2A39;
  --color-text-muted: #6B7280;
  --color-border: #E5E7EB;
  
  /* Typography */
  --font-primary: 'Outfit', system-ui, -apple-system, sans-serif;
  --font-secondary: 'Inter', system-ui, -apple-system, sans-serif;
  
  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.75rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --space-3xl: 8rem;
  
  /* Radius & Shadows */
  --radius-sm: 2px; /* Very minimal radius for premium feel */
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-full: 9999px;
  --shadow-sm: 0 1px 2px rgba(28, 42, 57, 0.04);
  --shadow-md: 0 4px 12px rgba(28, 42, 57, 0.06);
  --shadow-lg: 0 12px 32px rgba(28, 42, 57, 0.08);
  
  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  
  /* Glassmorphism */
  --glass-bg: rgba(252, 251, 249, 0.85);
  --glass-border: rgba(229, 231, 235, 0.4);
}

[data-theme="dark"] {
  /* Colors - Dark Theme */
  --color-primary: #E5E7EB; /* Light Grey text on dark */
  --color-primary-hover: #FFFFFF;
  --color-secondary: #D3A87C; 
  --color-secondary-light: #2A241F; /* Darkened Kraft */
  --color-bg: #111827; /* Dark Slate */
  --color-surface: #1F2937;
  --color-text: #F9FAFB;
  --color-text-muted: #9CA3AF;
  --color-border: #374151;
  
  --glass-bg: rgba(17, 24, 39, 0.85);
  --glass-border: rgba(55, 65, 81, 0.4);
}