/* 
========================================
  LUXURY BRAND DESIGN SYSTEM - VARIABLES
======================================== 
*/

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

:root {
  /* Soft Luxury Palette */
  --color-primary: #1A1A1A; /* Deep Black for high contrast text and accents */
  --color-secondary: #F2D8D8; /* Blush Pink */
  --color-accent: #D4A373; /* Muted Gold / Warm Nude */
  --color-background: #FAFAFA; /* Soft Off-White for base */
  --color-surface: #FFFFFF; /* Pure White for cards/sections */
  
  /* Text Colors */
  --text-dark: #222222;
  --text-muted: #666666;
  --text-light: #FFFFFF;

  /* Typography */
  --font-heading: 'Playfair Display', serif;
  --font-body: 'Outfit', sans-serif;
  
  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;
  
  /* Radii */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 50px;

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  
  /* Z-Index */
  --z-negative: -1;
  --z-normal: 1;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-modal: 1000;
  --z-toast: 2000;
  --z-loader: 9999;

  /* Glass/Overlay Colors */
  --glass-bg: rgba(255, 255, 255, 0.7);
  --glass-border: rgba(255, 255, 255, 0.5);
  --overlay-bg: rgba(250, 250, 250, 0.95);
}

/* Dark Mode Theme */
[data-theme="dark"] {
  --color-primary: #FAFAFA;
  --color-secondary: #2A2A2A;
  --color-background: #121212;
  --color-surface: #1E1E1E;
  --text-dark: #E0E0E0;
  --text-muted: #A0A0A0;
  
  --glass-bg: rgba(30, 30, 30, 0.8);
  --glass-border: rgba(255, 255, 255, 0.1);
  --overlay-bg: rgba(18, 18, 18, 0.95);
}

/* Glassmorphism & Shadow Utilities */
.glass {
  background: var(--glass-bg);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--glass-border);
}

.glass-dark {
  background: rgba(26, 26, 26, 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--text-light);
}

.shadow-soft {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.shadow-hover:hover {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);
  transition: var(--transition-smooth);
}

/* Base Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: var(--color-background);
}
::-webkit-scrollbar-thumb {
  background: var(--color-secondary);
  border-radius: var(--radius-pill);
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-accent);
}