:root {
    --cream:        #FFFAF5;     /* very soft warm white */
    --ivory:        #FDF4EB;     /* creamy off-white */
    --sand:         #F0E6DC;     /* barely-there beige */
    --sage:         #96A878;     /* same lovely sage green you liked */
    --sage-light:   #B8C6A2;     /* softer hover */
    --sage-dark:    #7A8B5F;     /* deeper accent */
    --text:         #3F3529;     /* rich, readable dark charcoal-brown */
    --text-muted:   #6B5E4E;     /* subtle muted text */
    --border:       #E8D9C5;     /* gentle light border */
    --like-red:     #dc3545;     /* same as bootstrap danger */
}

body {
    font-family: 'Nunito', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
}

.logo {
    font-family: 'Pacifico', cursive;
}