:root {
  /* Premium Fashion Color Palette */
  --primary: #1C1C1C;
  --secondary: #F5F1EA;
  --background: #FFFFFF;
  --accent: #B88A44;
  --text: #222222;
  --muted: #777777;
  --border: #E8E8E8;
  --success: #2E7D5B;
  --danger: #C94C4C;
  
  /* Fallbacks to not break bootstrap variables completely */
  --color-primary: var(--primary);
  --color-secondary: var(--secondary);
  --color-accent: var(--accent);
  --color-bg: var(--background);
  --color-surface: var(--background);
  --color-text: var(--text);
  --color-text-muted: var(--muted);
  --color-border: var(--border);
  
  /* Typography */
  --font-family-base: 'Inter', system-ui, -apple-system, sans-serif;
  --font-family-heading: 'Playfair Display', 'Cormorant Garamond', serif;
  
  /* Spacing (8px grid) */
  --space-1: 0.5rem;  /* 8px */
  --space-2: 1rem;    /* 16px */
  --space-3: 1.5rem;  /* 24px */
  --space-4: 2rem;    /* 32px */
  --space-5: 3rem;    /* 48px */
  --space-6: 4rem;    /* 64px */
  --space-8: 6rem;    /* 96px */
  
  /* Shadows & Radius - Minimal for premium feel */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.04);
  --shadow-md: 0 8px 24px rgba(0,0,0,0.06);
  --shadow-lg: 0 16px 48px rgba(0,0,0,0.08);
  
  /* Transitions */
  --transition-fast: 0.2s ease-in-out;
  --transition-normal: 0.3s ease-in-out;
  --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}