:root {
    /* Font */
    --base-font-size: 17px;
    --base-line-height: 26px;
    --base-line-height-units: calc(26 / 17); /* 1,52 */
    --font-family: 'Roboto', sans-serif;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    /* Colors */
    --color-white-rgb: 255, 255, 255;
    --color-white: rgb(var(--color-white-rgb));
    --color-black-rgb: 0, 0, 0;
    --color-black: rgb(var(--color-black-rgb));
    --color-primary-rgb: 255, 77, 29;
    --color-primary: rgb(var(--color-primary-rgb));
    --color-primary-hover-rgb: 199, 55, 17;
    --color-primary-hover: rgb(var(--color-primary-hover-rgb));
    --color-secondary-rgb-1: 40, 40, 40;
    --color-secondary-1: rgb(var(--color-secondary-rgb-1));
    --color-secondary: var(--color-secondary-1);
    --color-secondary-rgb-2: 70, 70, 70;
    --color-secondary-2: rgb(var(--color-secondary-rgb-2));
    --color-secondary-rgb-3: 126, 126, 126;
    --color-secondary-3: rgb(var(--color-secondary-rgb-3));
    --color-secondary-rgb-4: 173, 173, 173;
    --color-secondary-4: rgb(var(--color-secondary-rgb-4));
    --color-secondary-rgb-5: 211, 211, 211;
    --color-secondary-5: rgb(var(--color-secondary-rgb-5));
    --color-secondary-rgb-6: 242, 242, 242;
    --color-secondary-6: rgb(var(--color-secondary-rgb-6));
    --color-secondary-rgb-7: 248, 248, 248;
    --color-secondary-7: rgb(var(--color-secondary-rgb-7));
    --color-skin-rgb: 255, 77, 29;
    --color-skin: rgba(var(--color-skin-rgb), 0.25);
    --color-skin-dimmed: rgba(var(--color-skin-rgb), 0.1);
    --color-skin-light: rgba(var(--color-skin-rgb), 0.05);
    --color-dark-rgb: 138, 63, 76;
    --color-dark: rgb(var(--color-dark-rgb));
    --color-dark-dimmed: rgba(var(--color-dark-rgb, 0.75));
    --color-ruler-rgb: 227, 227, 227;
    --color-ruler: rgb(var(--color-ruler-rgb));
    --color-footer-text: rgb(209, 185, 190);
    --color-footer-text-hover: rgba(var(--color-white-rgb), 0.8);
    /* Grid */
    --grid-columns: 6;
    --grid-gap: 15px;
    --grid-gutter: 25px;
    --grid-max-width: 1500px;
    --grid-small-max-width: 1170px;
    /* Spacing between modules */
    --content-spacing: 40px;
    --paragraph-spacing: 25px;
    /* Index */
    --z-index-low: 1;
    --z-index-overlay: 3;
    --z-index-medium: 5;
    --z-index-between: 7;
    --z-index-high: 10;
    --z-index-toggler-closer: 90;
    --z-index-toggler: 100;
    --z-index-contact-widget-toggler: 110;
    --z-index-contact-widget-content: 109;
    --z-index-modal: 200;
    --z-index-tooltip: 250;
    /* Misc. */
    --logo-size: 76px;
    --primary-mobile-height: 67px;
}

/* Tablet */
@media (min-width: 768px) {
    :root {
        --grid-columns: 12;
        --grid-gap: 10px;
        --grid-gutter: 50px;
    }
}

/* Desktop */
@media (min-width: 1024px) {
    :root {
        --grid-gap: 25px;
        --logo-size: 83px;
        --z-index-contact-widget-content: 111;
    }
}