/* ==========================================================================
   FRAMA NATURE ADVENTURE - DESIGN SYSTEM VARIABLES
   Atmosphere: Warm, peaceful, earthy, spacious, organic luxury.
   High-Definition & Multi-Screen Optimized (Mobile, Tablet, Desktop, 4K Retina).
   ========================================================================== */

:root {
  /* Earthy Nature & Luxury Palette */
  --forest-950: #0a170e;
  --forest-900: #102417;
  --forest-800: #183323;
  --forest-700: #224632;
  --forest-600: #2f5d44;
  --forest-500: #417b5c;
  --forest-100: #eef5f1;
  
  --clay-700: #9e4629;
  --clay-600: #b85434;
  --clay-500: #c96748;
  --clay-400: #db8367;
  --clay-100: #fbf0ec;
  
  --sand-900: #2b2721;
  --sand-800: #4a443a;
  --sand-300: #ded7c8;
  --sand-200: #eee8dc;
  --sand-100: #f7f4ee;
  --sand-50:  #fdfcf9;
  
  --gold-primary: #d4af37;
  --gold-light:   #ebd27d;
  --gold-glow:    rgba(212, 175, 55, 0.22);
  
  --charcoal-900: #121513;
  --charcoal-800: #1b201d;
  --charcoal-700: #29302c;
  --charcoal-500: #55625a;
  --charcoal-400: #7b8a81;
  --charcoal-200: #c8d1cb;
  --charcoal-50:  #f1f5f3;

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

  /* Elevation Shadows */
  --shadow-subtle: 0 4px 20px -2px rgba(10, 23, 14, 0.05);
  --shadow-medium: 0 10px 30px -4px rgba(10, 23, 14, 0.08), 0 4px 10px -2px rgba(10, 23, 14, 0.04);
  --shadow-deep:   0 20px 40px -8px rgba(10, 23, 14, 0.16), 0 8px 16px -4px rgba(10, 23, 14, 0.06);
  --shadow-glow:   0 0 35px rgba(212, 175, 55, 0.18);

  /* Border Radii */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.65s cubic-bezier(0.16, 1, 0.3, 1);
}