:root {
    --background-color: #000;
    --background-color-primary: #414945;

    --primary-color: #3a9978;
    --primary-text-color: #a4ebd2;
    --secondary-color: #2c769a;
    --secondary-text-color: #92cfee;
    --secondary-text-hover-color: #c2e4f5;

    --required-color: #ED6A5A;
    
    --footer-color: var(--secondary-color);
    --footer-text-color: #aaa;

    --text-light: #F2F2F2;
    --text-light-hover: #afafaf;
    --text-dark: #1c1c1c ;
    --text-dark-hover: #4c4c4c;


    --logo-color-red: #de0033;
    --gray: #454545;
    --gray-rgb: 69, 69, 69; 
    --lightgray: #666;
    --border-color: #F2F2F2;

    --svg-fill-cart1: var(--primary-color);
    --svg-fill-cart2: silver;
    --svg-fill-cart3: gray;

    --alert-primary: #CDE6F5;
    --alert-primary-border: #a8cbe0;
    --alert-primary-color: #6c7a83;
    --alert-primary-color-link: #303b42;
    --alert-primary-color-link-hover: #7c92a0;

    --alert-info: #8DA7BE;
    --alert-info-border: #8DA7BE;
    --alert-info-color: white;

    --alert-success: #4e8373;
    --alert-success-border: #516d65;
    --alert-success-color: #b3ffe8;

    --alert-danger: #ED6A5A;
    --alert-danger-border: #e1556e;
    --alert-danger-color: #FFFFFF;


    --button-shadow: #fe224a;
    --button-grad1:  #b21834;
    --button-grad2: #bf1a38;
    --button-border: #98152d;
    --button-text-color: #edd3d8;
    --button-hover-grad1: var(--button-shadow);
    --button-hover-grad2: var(--button-grad1);
    --button-hover-text-color: white;
    --button-hover-bg: var(--button-grad1);
    --button-focus-outline: white;
}