:root {
    /*colors*/
    --marshmallow: #ffffff;
    --steam: #f5f5f6;
    --vapor: #e6e6e6;
    --smoke: #d0d0d4;
    --ash: #b9b9be;
    --cinder: #696972;
    --charcoal: #454550;
    --coal: #171725;
    --midnight: #000010;
    --soot: #484874;
    --sediment: #2b2b44;
    --water: #0015ea;
    --water-day: #7a86ff;
    --success-day: #00873f;
    --success-night: #9de7bf;
    --blaze: #e41932;
    --ember: #9d2235;
    --stoke: #710c19;
    /*fonts*/
    --font-medium: 'proxima_novamedium', arial, sans-serif;
    --font-semibold: 'proxima_novasemibold', arial, sans-serif;
    --font-bold: 'proxima_novabold', arial, sans-serif;
    --font-extrabold: 'proxima_novaextrabold', arial, sans-serif;
    --desktop: 1025px;
    --box-shadow: 0px 4px 0px 0px;
    --box-shadow-small: 0px 2px 0px 0px;
    --box-shadow-hover: 0px 3px 0px 0px;
    --box-shadow-active: 0px 1px 0px 0px;
}