:root {
    /* Colors */
    --color-bg:       #FCE1E3;
    --color-bg-alt:   #FAE5E6;
    --color-primary:  #DB404F;
    --color-primary-50: rgba(219, 64, 79, 0.45);
    --color-white:    #FFFFFF;
    --color-dark:     #1A1A1A;

    /* Fonts */
    --font-heading:   'Sansita', Georgia, serif;
    --font-body:      'Nunito Sans', Arial, sans-serif;

    /* Sizing */
    --max-width:      1280px;
    --section-pad-x:  64px;
    --section-pad-y:  80px;
    --grid-gap:       8px;
    --wave-height:    80px;

    /* Typography */
    --text-h1:   clamp(40px, 5vw, 68px);
    --text-h2:   clamp(28px, 3.5vw, 48px);
    --text-h3:   clamp(22px, 2.8vw, 38px);
    --text-base: 18px;
    --text-sm:   15px;

    /* Transitions */
    --transition-base: 0.4s ease;
    --transition-slow: 0.7s ease;
}

@media (max-width: 768px) {
    :root {
        --section-pad-x: 24px;
        --section-pad-y: 48px;
        --wave-height:   48px;
    }
}