:root {
    --charcoal: #171513;
    --brick: #A6462F;
    --copper: #C87A45;
    --sand: #D8BE98;
    --cream: #F7F3EC;
    --paper: #FFFFFF;
    --home-hero-image: url("/assets/images/hero-home.webp");
    --site-favicon: url("/assets/favicon.svg");
}

@media (max-width: 52rem) {
    :root { --home-hero-image: url("/assets/images/hero-home-mobile.webp"); }
}