:root {
    --main_color: #008A8C;
    --secondary_color: #e8be5d;
    --primary: color-mix(in srgb, #fff, #000 10%);
    --secondary: color-mix(in srgb, #fff, #000 20%);

    --button-color:#db4249;
    --button-color-active:#cd0b14;

    --main_font_police: "Montserrat", sans-serif;
    --main_font_size: 16px;

    --body_bg_color: #fff;

    --primary_color_gradient: linear-gradient(160deg, #fff, var(--primary));
    --secondary_color_gradient: linear-gradient(160deg, #fafafa, var(--secondary));

    --oui_color: #e8be5d;
    --non_color: #bc8d1d;
    --na_color: #e8be5d;

    --good_color: #9dc694;
    --bad_color: #e86b6b;
}