@media (prefers-color-scheme: light) {
    :root {
        --bg-primary: #fff;  
        --bg-secondary: #e1e1e1;

        --font-color-primary: #3E3E3E;
        --font-color-secondary: #2B2B2B;

        --spigot: url('../stickers/spigot-light.svg');
    }   
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg-primary: #3E3E3E;  
        --bg-secondary: #2B2B2B;

        --font-color-primary: #fff;
        --font-color-secondary: #e1e1e1;

        --spigot: url('../stickers/spigot-dark.svg');
    }   
}

:root {
    --border-radius-lg: 15px;
    --border-radius-md: 10px;
    --border-radius-sm: 5px;

    --primary: rgb(215, 69, 79, 1);
    --secondary: rgba(69, 188, 215, 0.8);
    --tertiary: #3e3e3e;
    --quaternary: #E1E1E1;

    --error: #ef5050;
    --success: #55dd99;

    --placeholder-color: #515151;

    --box-shadow-default: 0 0 4px 1px rgba(0, 0, 0, 0.25);
}