:root {

    --primary: 178, 32, 135;
    --white: 255, 255, 255;
    --lightgrey: 229, 233, 236;
    --gold: 219, 170, 106;
    --black: 0, 0, 0;
    --violet: 105, 8, 61;
    --red: 168, 14, 14;
    --grey: 128, 128, 128;
    --box-shadow-small: 0 .5em 2em var(--color--black-fade-25);
    --box-shadow-big: 0 .75em 3em var(--color--black-fade-25);
    --transition: all 500ms cubic-bezier(.23, 1, .32, 1);
    --section-padding-top-bottom-small: 2em;
    --section-padding-left-right-small: 1em;
    --section-padding-top-bottom-big: 4.5em;
    --section-padding-left-right-big: 4.5em;
    --background: url("../assets/images/hg_shop.jpg") no-repeat top center / contain var(--color--black);
    --background-fade: transparent;
    --headlines-text-transform: none;
    --header-background: var(--color--primary);
    --header-color: var(--color--white);
    --header-accent-color: var(--color--primary);
    --footer-before: transparent;
    --footer-margin-top: 4em;
}