body.light {
    --primary:#9d4400;
    --on-primary:#ffffff;
    --primary-container:#ffdbca;
    --on-primary-container:#331100;
    --secondary:#765848;
    --on-secondary:#ffffff;
    --secondary-container:#ffdbca;
    --on-secondary-container:#2b160a;
    --tertiary:#646032;
    --on-tertiary:#ffffff;
    --tertiary-container:#ebe5ab;
    --on-tertiary-container:#1e1c00;
    --error:#ba1a1a;
    --on-error:#ffffff;
    --error-container:#ffdad6;
    --on-error-container:#410002;
    --background:#fffbff;
    --on-background:#201a17;
    --surface:#fff8f6;
    --on-surface:#201a17;
    --surface-variant:#f4ded4;
    --on-surface-variant:#52443d;
    --outline:#85746b;
    --outline-variant:#d7c2b9;
    --shadow:#000000;
    --scrim:#000000;
    --inverse-surface:#362f2c;
    --inverse-on-surface:#fbeee9;
    --inverse-primary:#ffb68f;
    --surface-dim:#e4d8d3;
    --surface-bright:#fff8f6;
    --surface-container-lowest:#ffffff;
    --surface-container-low:#fef1ec;
    --surface-container:#f8ebe6;
    --surface-container-high:#f2e6e1;
    --surface-container-highest:#ece0db;
}

.poppins {
    font-family: poppins;
}

.blue-text {
    color: #6f8497 !important;
}

.beige-text {
    color: #b28d58 !important;
}

.purple-text {
    color: #975a82 !important;
}

.white {
    background-color: #ffffff !important;
}