:root {
    --main-font: Futura;
    --title-font: "Futura";
    --progress-number-font: "Futura";
    --main-color: #0067b1;
    --main-color-hover: #005896;
    --second-color: #59abe3;
    --second-color-hover: #4c91c1;
    --text-main-color: #ffffff;
    --text-second-color: #ffffff;
    
    --main-color-100: #cce1ef;
    --main-color-200: #99c2e0;
    --main-color-300: #66a4d0;
    --main-color-400: #3385c1;
    --main-color-500: #0067b1;
    --main-color-600: #00528e;
    --main-color-700: #003e6a;
    --main-color-800: #002947;
    --main-color-900: #001523;
    
    --second-color-100: #deeef9;
    --second-color-200: #bdddf4;
    --second-color-300: #9bcdee;
    --second-color-400: #7abce9;
    --second-color-500: #59abe3;
    --second-color-600: #4789b6;
    --second-color-700: #356788;
    --second-color-800: #24445b;
    --second-color-900: #12222d;
}