:root {
    --bg-color: #F0EEEB;
    --color-medium-gray: #c4c4c4;

    --lh-m: 27px;

    --size-xxs: 9px;
    --size-xs: 12px;
    --size-s: 14px;
    --size-n: 16px;
    --size-m: 18px;
    --size-xm: 20px;
    --size-l: 22px;
    --size-xl: 25px;
    --size-xxl: 30px;
    --size-b: 35px;
    --size-xb: 44px;
    --size-xxb: 50px;

    --space-xxs: 5px;
    --space-xs: 10px;
    --space-s: 15px;
    --space-n: 20px;
    --space-m: 25px;
    --space-l: 30px;
    --space-xl: 35px;
    --space-xxl: 40px;
    --space-b: 50px;
    --space-xb: 60px;
    --space-xxb: 70px;
    --space-e: 80px;
    --space-xe: 90px;
    --space-xxe: 100px;
    --space-mega: 140px;
    --space-xxs-neg: -5px;
    --space-xs-neg: -10px;
    --space-s-neg: -15px;
    --space-n-neg: -20px;
    --space-m-neg: -25px;
    --space-l-neg: -30px;
    --space-xl-neg: -35px;
    --space-xxl-neg: -40px;
    --space-b-neg: -50px;
    --space-xb-neg: -60px;
    --space-xxb-neg: -70px;
    --space-e-neg: -80px;
    --space-xe-neg: -90px;
    --space-xxe-neg: -100px;
    --space-mega-neg: -140px;
    --z-index-popup: 100;
    --z-index-popup-mobile: 900;
    --z-index-fixed-panel: 200;
    --z-index-prompt: 150;
    --z-index-modal: 1000;
    --z-index-consultation: 50;
    --image-proportion-landscape: 66.25%;
    --image-proportion-portrait: 100%;
    --max-content-width: 1920px;

    --color-white: #fff;
    --color-blue: #157ee9;
    --color-grafit: #404040;
}