/* Design System & Variables - spainpaharganj */
:root {
  /* Harmonious Luxury Color Palette */
  --color-cream: #FAF6F0;
  --color-warm-white: #FFFFFF;
  --color-beige: #F3ECE3;
  --color-beige-dark: #E8DED1;
  --color-rose-gold: #C5A880;
  --color-rose-gold-dark: #AF926B;
  --color-rose-gold-light: #F0E8DD;
  /* Darker gold reserved for ACCENT TEXT on light backgrounds (passes WCAG AA) */
  --color-rose-gold-text: #91713F;
  --color-brown-muted: #5C4D44;
  --color-brown-dark: #2F2520;
  --color-sage: #8FA89B;
  --color-sage-dark: #6C8B7C;
  --color-sage-light: #E4ECE8;
  
  /* Text Colors */
  --text-primary: var(--color-brown-dark);
  --text-secondary: var(--color-brown-muted);
  --text-light: #FFFFFF;
  --text-muted: #6E635B;
  
  /* Typography Families */
  --font-serif: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --font-sans: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  /* Fluent Responsive Typography Scale (clamp based) */
  --fs-xs: clamp(0.75rem, 0.72rem + 0.15vw, 0.85rem);
  --fs-sm: clamp(0.85rem, 0.82rem + 0.17vw, 0.95rem);
  --fs-base: clamp(0.95rem, 0.92rem + 0.2vw, 1.05rem);
  --fs-md: clamp(1.1rem, 1.05rem + 0.3vw, 1.25rem);
  --fs-lg: clamp(1.35rem, 1.28rem + 0.4vw, 1.55rem);
  --fs-xl: clamp(1.7rem, 1.58rem + 0.6vw, 2.0rem);
  --fs-2xl: clamp(2.1rem, 1.95rem + 0.8vw, 2.6rem);
  --fs-3xl: clamp(2.7rem, 2.5rem + 1.2vw, 3.5rem);
  --fs-hero: clamp(3.2rem, 2.8rem + 2.0vw, 4.8rem);
  
  /* Line Heights */
  --lh-tight: 1.15;
  --lh-heading: 1.25;
  --lh-body: 1.65;
  
  /* Container Widths */
  --max-width-site: 1320px;
  --max-width-text: 750px;
  
  /* Shadows & Glassmorphism */
  --shadow-sm: 0 4px 6px -1px rgba(92, 77, 68, 0.04), 0 2px 4px -1px rgba(92, 77, 68, 0.02);
  --shadow-md: 0 10px 15px -3px rgba(92, 77, 68, 0.06), 0 4px 6px -2px rgba(92, 77, 68, 0.03);
  --shadow-lg: 0 20px 25px -5px rgba(92, 77, 68, 0.08), 0 10px 10px -5px rgba(92, 77, 68, 0.04);
  --glass-bg: rgba(250, 246, 240, 0.85);
  --glass-border: rgba(197, 168, 128, 0.2);
  --glass-blur: blur(16px);
  
  /* Radii */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-full: 9999px;
  
  /* Transition timings */
  --transition-smooth: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  --transition-fast: all 0.2s cubic-bezier(0.25, 1, 0.5, 1);
  
  /* Z-Index Hierarchy */
  --z-nav-sticky: 100;
  --z-modal: 200;
  --z-overlay: 190;
  --z-tooltip: 210;
}

/* Accessibility Focus Outline Settings */
:focus-visible {
  outline: 2px solid var(--color-rose-gold);
  outline-offset: 4px;
}