:root {
    /* Colors */
    --warm-white: #FDFCF1;
    --light-rose: #F5E7E6;
    --dark-rose: #AA7D82;
    --light-blue: #81D4EC;
    --pale-green: #D2E1D9;
    --light-green: #9FC3C8;
    --dark-green: #4F8F90;
    --light-grey: #E5E5E5;
    --dark-grey: #555555;
    --overlay-color: rgba(0, 0, 0, 0.80);
    --error-red: #b00020;
    --gradient-green: linear-gradient(135deg, #9FC3C8 0%, #4F8F90 100%);
    --gradient-rose: linear-gradient(135deg, #F5E7E6 0%, #AA7D82 100%);

    /* Shadows */
    --text-shadow: 3px 3px 4px dimgray;
    --box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    /* Shared class selectors */
    .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 1rem 2rem 2rem 2rem;
    }
}