/*
:root{
    --background-color: #470000;
    --background-color-inverse: hsl(0, 100%, 8%);
    --background-color-transparent: rgba(71, 0, 0,.19);
    --background-color-inverse-transparent: var(--background-color-transparent);
    --always-white: white;
    --font-color: white;
    --font-color-inverse: var(--font-color);
    --pink-decorated-background: -webkit-linear-gradient(-230deg, hsl(19, 100%, 57%),hsl(46, 100%, 45%));
    --pink-decorated-background: -webkit-linear-gradient(-230deg, hsl(355, 100%, 57%),hsl(320, 100%, 71%));
    --pink-decorated-background: -webkit-linear-gradient(-230deg, hsl(355, 100%, 40%),hsl(355, 100%, 75%));

    --fill-1: var(--background-color-inverse);
    --fill-2: var(--background-color-inverse);
    --fill-3: hsl(0, 0%, 20%);
    
    --light-grey: hsl(0, 100%, 87%);
    --medium-grey: ;
    --dark-grey: hsl(0, 0%, 35%);
}

body{
    background: var(--background-color);
}

.text{
    color: var(--font-color);
}

.pink-decorated{
    background: var(--pink-decorated-background);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
.pink-decorated-background{
    background: var(--pink-decorated-background);
    color: white;
}

.button{
    background: var(--background-color-inverse);
    color: var(--font-color);
}

html[lang="en"] .lang-switcher-lang[data-en]{
    background: white;
    color: var(--background-color);
    pointer-events: none;
}
html[lang="fr"] .lang-switcher-lang[data-fr]{
    background: white;
    color: var(--background-color);
    pointer-events: none;
}

.menu-link{
    background: var(--fill-1);
    color: white;
}

.pinned-action-button{
    background: white;
    color: black;
}