/* ==========================================================================
   ISHITA PRIVÉ HOLIDAYS - DESIGN SYSTEM TOKENS & VARIABLES
   ========================================================================== */

:root {
  /* --- Brand Color Palette --- */
  /* Primary Deep Greens & Forest Slates */
  --color-primary-900: #061814;
  --color-primary-800: #0B2B26;
  --color-primary-700: #133830;
  --color-primary-600: #1A4D43;
  --color-primary-500: #236558;
  --color-primary-100: #E6F0EE;
  --color-primary-50:  #F2F7F6;

  /* Royal Champagne Gold & Warm Ochre Accents */
  --color-gold-900: #73571A;
  --color-gold-700: #9B7726;
  --color-gold-500: #C5A059;
  --color-gold-400: #D4AF37;
  --color-gold-300: #E5C378;
  --color-gold-200: #F3E2BC;
  --color-gold-100: #FAF4E6;
  --color-gold-glow: rgba(197, 160, 89, 0.25);

  /* Backgrounds & Canvas */
  --color-bg-primary: #FFFFFF;
  --color-bg-secondary: #FBF9F5;
  --color-bg-tertiary: #F5F2EB;
  --color-bg-dark: #0B1715;
  --color-bg-card: #FFFFFF;

  /* Text & Content */
  --color-text-heading: #0F1F1C;
  --color-text-body: #33413E;
  --color-text-muted: #62726F;
  --color-text-light: #98A7A4;
  --color-text-white: #FFFFFF;
  --color-text-gold: #C5A059;

  /* Borders & Dividers */
  --color-border-light: rgba(19, 56, 48, 0.08);
  --color-border-gold: rgba(197, 160, 89, 0.35);
  --color-border-dark: rgba(255, 255, 255, 0.12);

  /* Status & WhatsApp */
  --color-whatsapp: #25D366;
  --color-whatsapp-dark: #128C7E;
  --color-whatsapp-glow: rgba(37, 211, 102, 0.3);
  --color-success: #10B981;
  --color-warning: #F59E0B;
  --color-danger: #EF4444;

  /* --- Typography --- */
  --font-serif: 'Playfair Display', 'Cinzel', Georgia, serif;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Type Scale */
  --text-xs: clamp(0.75rem, 0.7rem + 0.2vw, 0.8125rem);
  --text-sm: clamp(0.875rem, 0.82rem + 0.25vw, 0.9375rem);
  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.0625rem);
  --text-lg: clamp(1.125rem, 1.05rem + 0.35vw, 1.25rem);
  --text-xl: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);
  --text-2xl: clamp(1.5rem, 1.35rem + 0.75vw, 1.875rem);
  --text-3xl: clamp(1.875rem, 1.65rem + 1.1vw, 2.25rem);
  --text-4xl: clamp(2.25rem, 1.95rem + 1.5vw, 3rem);
  --text-5xl: clamp(2.75rem, 2.3rem + 2.2vw, 4rem);
  --text-6xl: clamp(3.25rem, 2.6rem + 3.2vw, 5.25rem);

  /* --- Spacing System --- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;

  /* Layout Containers */
  --container-max: 1320px;
  --container-wide: 1440px;
  --container-narrow: 960px;
  --container-pad: clamp(1.25rem, 3vw, 2.5rem);

  /* --- Radii --- */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 9999px;

  /* --- Shadows & Elevations --- */
  --shadow-subtle: 0 2px 10px rgba(11, 43, 38, 0.04);
  --shadow-card: 0 10px 30px -5px rgba(11, 43, 38, 0.07), 0 2px 6px -2px rgba(11, 43, 38, 0.04);
  --shadow-hover: 0 22px 45px -10px rgba(11, 43, 38, 0.16), 0 8px 16px -4px rgba(11, 43, 38, 0.08);
  --shadow-floating: 0 25px 60px -15px rgba(6, 24, 20, 0.35);
  --shadow-gold: 0 8px 25px rgba(197, 160, 89, 0.3);

  /* --- Transitions --- */
  --transition-fast: 180ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 320ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 600ms cubic-bezier(0.16, 1, 0.3, 1);
}