:root {
    --shop-button-bg-brand: #dddddd;
    --shop-button-text-brand: #000000;
    --primary-color-brand: #000000;
    --accent-color-brand: #565152;
    --shop-header-bg-text-color: #FFFFFF;
    --shop-header-bg-color: #000000;
    --header-logo-max-width: 300px;
}
:root {
    --font-brand: "Roboto", sans-serif;
}
:root {
    --topbar-bg-brand: #000000;
    --topbar-text-color-brand: #FFFFFF;
}
header { 
    --heading-1-brand: #000;
    --heading-2-brand: #000;
    --heading-3-brand: #000;
    --heading-4-brand: #000;
    --heading-5-brand: #000;
    --heading-6-brand: #000;
    --bg-brand: #000000;
    --text-brand: #181818;
    --link-brand: #848688;
}
footer { 
    --heading-1-brand: #ffffff;
    --heading-2-brand: #ffffff;
    --heading-3-brand: #ffffff;
    --heading-4-brand: #ffffff;
    --heading-5-brand: #ffffff;
    --heading-6-brand: #ffffff;
    --bg-brand: #0a0a0a;
    --text-brand: #848688;
    --link-brand: #848688;
}
main { 
    --heading-1-brand: #181818;
    --heading-2-brand: #181818;
    --heading-3-brand: #000000;
    --heading-4-brand: #181818;
    --heading-5-brand: #181818;
    --heading-6-brand: #181818;
    --bg-brand: #FFFFFF;
    --text-brand: #181818;
    --link-brand: #565152;
}
:root {
    --announcement-background-color: #747678;
    --announcement-text-color: #FFFFFF;
}