:root {
    /* Brand Colors */
    --color-dark-brown: #4A221A;
    --color-mid-brown:  #764C24;
    --color-accent:     #BE601B;

    /* Slide Backgrounds */
    --slide-1-bg: #F4EAE2;
    --slide-1-wave: #E8D4BC;
    --slide-1-title: #BE601B;

    --slide-2-bg: #FBE8EA;
    --slide-2-wave: #F5BEBE;
    --slide-2-title: #E54C5C;

    --slide-3-bg: #D8EEEE;
    --slide-3-wave: #A8D5CC;
    --slide-3-title: #3D8B8B;

    --slide-4-bg: #EDECDC;
    --slide-4-wave: #D9C3A8;
    --slide-4-title: #847F35;

    /* Typography */
    --font-primary: 'Poppins', sans-serif;
    --font-display: 'Playfair Display', serif;

    /* Spacing */
    --nav-height: 90px;

    /* Transitions */
    --transition-fast: 0.3s ease;
    --transition-med:  0.6s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.9s cubic-bezier(0.4, 0, 0.2, 1);

    /* Current slide vars (updated by JS) */
    --current-bg: var(--slide-1-bg);
    --current-wave: var(--slide-1-wave);
    --current-title: var(--slide-1-title);
}