:root {
    /* --black: #424242; */
    --black: #5f5f5f;
    --dblack: #2b2b2b;
    --black-transparent: #00000080;
    --black-transparent-dark: #0000009e;
    --placeholder: #858585;

    --blue: #0097f5;
    --blue-hover: #008ce4;
    --info-blue: #0073ce;
    --blue-icon: #008ad4;
    --blue-icon-hover: #037ec0;

    /* --section-focus-darker: #efefef; */
    --section-focus: #f5f5f5;

    --hexagon: var(--section-focus);
    /* --hexagon: rgb(0, 247, 0); */
    /* --hexagon: #dfdfdf; */
    --form: #a0b2c4;
    

    


    --red: #97363b;
    --red2: #903439e0;
    --dred: #891113;
    /* --red: #891113; */
    /* --hover-red: #8f5e60; */
    --hover-red: #88444a;
    --banner-red: #88444a;

    /* --blue: #53e3fb; */
    /* --hover-blue: #9bf1ff; */
    /* --info-blue: #0073ce; */
    /* --info-blue-hover: #0366b8; */
    
    /* --dblue: #242943; */
    
    --white: white;
    
    --focus: #a8ceee;
    
    --active-menu: #a1a7af;
    
    --info-fill: #f7f8ff;
    --info-border: #a4d0ff;
    --info-text: #899199;
    /* --info-fill: #f8ffff;
    --info-border: #a8e4f1;
    --info-text: #5d89b7; */

    --green: #36a727;
}