/**
 * TRAVEL FIRST HOLIDAYS - DESIGN SYSTEM TOKENS
 * Crafted with the standards of a 10-year experienced UI/UX Principal Designer
 */

:root {
  /* Modern Web Guidance: enable intrinsic size animation for accordions and drawers */
  interpolate-size: allow-keywords;

  /* Color Palette: Heritage Forest Emeralds */
  --emerald-950: #041610;
  --emerald-900: #072219;
  --emerald-850: #0B2E22;
  --emerald-800: #0F3B2C;
  --emerald-700: #14533D;
  --emerald-600: #059669;
  --emerald-500: #10B981;
  --emerald-400: #34D399;
  
  /* Imperial Temple Gold & Amber */
  --gold-100: #FEF9C3;
  --gold-200: #FDE68A;
  --gold-300: #FCD34D;
  --gold-400: #F59E0B;
  --gold-500: #D4AF37;
  --gold-600: #B45309;
  --gold-700: #92400E;
  --gold-gradient: linear-gradient(135deg, #FCD34D 0%, #D4AF37 50%, #B45309 100%);
  --gold-gradient-soft: linear-gradient(135deg, #FDF0CD 0%, #E6C875 100%);
  --gold-glow: rgba(212, 175, 55, 0.35);

  /* Warm Temple Sandstone & Cream Neutrals */
  --sand-50: #FDFCF9;
  --sand-100: #F8F4EC;
  --sand-150: #F3EBDD;
  --sand-200: #EDE1CD;
  --sand-300: #DFCEB3;
  --sand-800: #2B261F;
  --sand-900: #1C1914;

  /* Text & Surface Colors */
  --text-primary-dark: #141C18;
  --text-secondary-dark: #52635B;
  --text-muted-dark: #7B8C84;
  --text-primary-light: #FFFFFF;
  --text-secondary-light: #E2E8F0;
  --text-gold: #FCD34D;
  --text-gold-accent: #D4AF37;

  /* WhatsApp Brand Tokens */
  --whatsapp-green: #25D366;
  --whatsapp-dark: #128C7E;
  --whatsapp-gradient: linear-gradient(135deg, #25D366 0%, #128C7E 100%);

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

  /* Border Radii */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-full: 9999px;

  /* Elevation Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 8px 24px -4px rgba(0, 0, 0, 0.12);
  --shadow-lg: 0 16px 36px -6px rgba(0, 0, 0, 0.18);
  --shadow-gold: 0 8px 24px -2px rgba(212, 175, 55, 0.35);
  --shadow-whatsapp: 0 10px 28px -4px rgba(37, 211, 102, 0.45);
  --shadow-inner-gold: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2);

  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-bounce: 350ms cubic-bezier(0.34, 1.56, 0.64, 1);
}