:root {
    /* Primary palette - Bold & Vibrant */
    --primary: #E8A317;
    --primary-dark: #C48A00;
    --primary-light: #F5C042;
    --primary-rgb: 232,163,23;
    --primary-10: rgba(var(--primary-rgb),0.10);
    --secondary: #1E3A5F;
    --secondary-rgb: 30,58,95;
    --accent: #2EB872;
    --accent-rgb: 46,184,114;
    --accent-light: #4fd190;

    /* Nature palette - Rich Earth Tones */
    --earth: #8B5E3C;
    --earth-light: #a0755a;
    --bark: #5C3D2E;
    --savanna: #C4A265;
    --leaf: #2E7D32;

    /* Neutrals */
    --dark: #1a1e22;
    --darker: #0d1117;
    --body-text: #2d3748;
    --muted: #6c757d;
    --light: #F8F9FA;
    --white: #ffffff;

    /* Overlays - Deep & Dramatic for Hero */
    --hero-overlay: rgba(13, 17, 23, 0.85);
    --hero-overlay-gradient: linear-gradient(135deg, rgba(13,17,23,0.95) 0%, rgba(13,17,23,0.80) 50%, rgba(13,17,23,0.90) 100%);

    /* Typography */
    --font-heading: 'Playfair Display', serif;
    --font-body: 'Inter', sans-serif;

    /* Shadows - More Dramatic */
    --shadow-sm: 0 4px 12px rgba(0,0,0,0.12);
    --shadow-md: 0 8px 30px rgba(0,0,0,0.18);
    --shadow-lg: 0 15px 50px rgba(0,0,0,0.25);
    --shadow-xl: 0 25px 80px rgba(0,0,0,0.35);

    /* Radii */
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;

    /* Transitions */
    --transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    /* Spacing */
    --section-padding: 4rem;
    --section-padding-sm: 1.5rem;
    --section-margin: 4rem;
    --header-padding: 4rem;

    /* Navbar */
    --navbar-bg: rgba(26, 30, 34, 0.95);
    --navbar-blur: blur(20px);
    --navbar-height: 80px;
    --navbar-scrolled-bg: rgba(26, 30, 34, 0.98);
    --navbar-scrolled-shadow: 0 4px 30px rgba(0,0,0,0.2);

    /* Bold Accent Colors */
    --gold: #E8A317;
    --emerald: #2EB872;
    --deep-blue: #1E3A5F;
    --sunset: #FF6B35;

    /* Gallery Design Tokens */
    --gallery-bg: #f8f9fa;
    --gallery-card-bg: #ffffff;
    --gallery-card-border: rgba(0,0,0,0.05);
    --gallery-overlay: linear-gradient(135deg, rgba(30,58,95,0.8), rgba(var(--primary-rgb),0.4));
    --gallery-hover-shadow: 0 20px 60px rgba(var(--primary-rgb),0.15);
    --gallery-gap: 20px;

    /* Typography Scale */
    --text-display: 3rem;
    --text-h2: 2.25rem;
    --text-h3: 1.75rem;
    --text-h4: 1.25rem;
    --text-body: 1rem;
    --text-caption: 0.875rem;
    --text-label: 0.75rem;

    /* Spacing Scale */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 40px;
    --space-2xl: 64px;
}