:root {
    /* CMS color roles: primary = header/body, secondary1 = titles/buttons,
       secondary2 = hover states, navcolor = navigator text/icons. */
    --primary-color: #e8dac8;
    --secondary2-color: #A88B75;
    --secondary1-color: #745139;
    --navcolor: #745139;
    --primary-shop-color: #e8dac8;
    --secondary-shop-color: #745139;
    --shop-text-color: #745139;
    --primary-shop-hover: #745139;
    --primary-shop-text-color: #745139;
    --accent-hover-color: #745139;
    --brand-background: #F7F1E8;
}