:root {
    --glutter: 15px;
    --font-size: 16px;
    --color: #000;    
    --content-width: 1230px;
    --radius-5: 5px;
    --radius: 12px;
    --radius-large: 15px;
    --radius-20: 20px;
    --radius-button: 35px;
    --white: #ffffff;
    --yellow: #eafa34;
    --orange: #f98700;
    --green: #019b3e;
    --dark-green: #015f1f;
    --pink: #ef4a7a;
    --red: #c23939;
    --dark-red: #a83131;
    --blue: #00aeef;
    --light-blue: #02a3df;
    --middle-blue: #4ed7f3;
    --dark-blue: #2a3c73;
    --dark-blue2: #2b3c74;
    --redesign-blue: #030C57;
    --darker-blue: #051f38;
    --purple: #4b005b;
    --gray: #E3E3E3;
    --light-gray: #f4f4f4;
    --light-gray2: #bbb;
    --middle-gray: #f0f0f0;
    --dark-gray: #dcdcdc;
    --darker-gray: #a1a1a1;
    --redesign-gray: #393939;
    --darkdark-gray: #262626;
    --black: #000000;
    --font: 'SofiaPro';
    --font-italic: 'SofiaPro-Italic';
    --font-medium: 'SofiaPro-Medium';
    --font-medium-italalic: 'SofiaPro-Mediumitalic';
    --font-bold: 'SofiaPro-Bold';
    --font-bold-italalic: 'SofiaPro-Bolditalic';
    --full-height: calc(var(--vh, 1vh) * 100);
}