:root {
--font-body-family: "Lato", sans-serif;

--base-color: #212121;
--border-color: #c1c1c1;
--border-color-00: #fafafa;
--border-color-11: #f1f1f1;
--white-color: #fff;
--accent-color-1: #a9d6e5;
--accent-color-2: #89c2d9;
--accent-color-3: #61a5c2;
--accent-color-4: #468faf;
--accent-color-5: #2c7da0;
--accent-color-6: #2a6f97;
--accent-color-7: #013a63;
--accent-color-8: #012a4a;
--gris-color-1: #eee;
--gris-color-2: #ddd;
--gris-color-3: #cdcdcd;
--range-slider-value-low: 0;
--range-slider-value-high: 100;
--opacity-05: 0.5;
--transition-025: all 0.25s ease-in-out;
--transition-05: all 0.5s ease-in-out;
--transition-015: all 0.15s ease-in-out;
}