@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500&display=swap');

:root {
  /* Colors - Light Theme (Soft Beauty) */
  --color-primary: #D8A7A7; /* Rose Gold / Dusty Pink */
  --color-primary-hover: #C58F8F;
  --color-secondary: #E6D5C9; /* Soft Nude */
  --color-secondary-light: #F8F3F0; /* Cream / Very light warm grey */
  --color-bg: #FFFFFF; /* Pure White */
  --color-surface: #FAFAFA; /* Off white */
  --color-text: #2C2C2C; /* Charcoal - Softer than pure black */
  --color-text-muted: #8E8E8E;
  --color-border: #E8E8E8;
  
  /* Accent */
  --color-accent: #A66D6D; /* Deeper burgundy/rose for accents */
  
  /* Typography */
  --font-primary: 'Playfair Display', serif; /* Elegant, classic luxury */
  --font-secondary: 'Inter', system-ui, -apple-system, sans-serif; /* Clean, modern legibility */
  
  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --space-3xl: 8rem;
  
  /* Radius & Shadows - Delicate and smooth */
  --radius-sm: 4px; 
  --radius-md: 12px; 
  --radius-lg: 24px;
  --radius-full: 9999px;
  
  --shadow-sm: 0 4px 15px rgba(216, 167, 167, 0.1); 
  --shadow-md: 0 15px 35px rgba(44, 44, 44, 0.05); /* Soft, diffused shadow */
  --shadow-lg: 0 25px 50px rgba(216, 167, 167, 0.15); 
  
  /* Transitions */
  --transition-fast: 0.3s ease;
  --transition-normal: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); 
  
  /* Glassmorphism / Header */
  --glass-bg: rgba(255, 255, 255, 0.9);
  --glass-border: rgba(232, 232, 232, 0.6);
}

[data-theme="dark"] {
  /* Colors - Dark Theme (Evening Glamour) */
  --color-primary: #E5BDBD; 
  --color-primary-hover: #F2CFCF;
  --color-secondary: #5C4A4A; 
  --color-secondary-light: #2A2424; 
  --color-bg: #1A1A1A; 
  --color-surface: #242424; 
  --color-text: #F8F3F0;
  --color-text-muted: #A0A0A0;
  --color-border: #3A3A3A;
  
  --glass-bg: rgba(26, 26, 26, 0.9);
  --glass-border: rgba(58, 58, 58, 0.6);
  
  --shadow-sm: 0 4px 15px rgba(0, 0, 0, 0.5); 
  --shadow-md: 0 15px 35px rgba(0, 0, 0, 0.8);
  --shadow-lg: 0 25px 50px rgba(0, 0, 0, 1); 
}