:root {
    --xxs: 4px;
    --3xs: 6px;
    --2xs: 8px;
    --xs: 12px;
    --s: 16px;
    --m: 24px;
    --l: 32px;
    --xl: 44px;

    --color-main: #EA1921;
    --color-main-hovered: #f5363d;
    --color-main-active: #c51f25;

    --color-link: #EA1921;
    --color-link-hovered: #e33c42;
    --color-link-visited: #c9464a;

    --color-text-black: #000000;
    --color-text-white: #ffffff;

    --color-info-bg: #faf7f1;
    --color-info-border: #f3ecdc;
    --color-info-summary: #bea778;
    --color-info-text: #816d44;

    --color-metro: #204982;

    --color-success: #0d880d;

    --btn-corner-radius: 4px;

    --color-input-bg: #F9F9F9;
    --color-input-focus-bg: #fafafa;
    --color-input-focus-border: #919191;

    --color-text-muted: #818181;
    --color-placeholder-text: #7c7c7c;
    --color-input-border: #d9d9d9;
    --color-gray: #cacaca;
    --color-light: #d9d9d9;
    --color-white: #ffffff;
    --color-light-gray: #f9f9f9;
    --color-light-gray-200: #f2f2f2;
    --color-medium-light: #eaeaea;

    --mobile-menu-width: 260px;
    --menu-bg: #111111;
}