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

    --ava-m-w: 28px;
    --ava-m-h: 28px;

    --ava-s-w: 22px;
    --ava-s-h: 22px;

    --font-name: 'Inter';
    --font-size: 16px;

    --menu-item-height: 44px;
    --menu-item-gap: 12px;

    --menu-item-icon-w: 28px;
    --menu-item-icon-h: 28px;

    --header-bg: #F9F9F9;

    --color-black: #151c21;
    --color-black-100: #1F2A32;
    --color-black-200: #282d31;
    --color-black-300: #39444C;
    --color-black-400: #485A67;
    --color-black-500: #767C80;
    --color-black-520: #868a8c;
    --color-black-550: #c2c9d0;
    --color-black-600: #cfd9e0;
    --color-black-800: #DEE3E7;
    --color-black-850: #eaebec;
    --color-black-870: #ecedf1;
    --color-black-900: #f0f2f5;

    --color-secondary-bg: #F9F9F9;

    --color-bg-blockquote: #f0f2f5;

    --layout-left-w: 220px;
    --layout-center-w: 640px;
    --layout-right-w: 320px;

    --news-item-thumbnail-height: 180px;

    --color-bg: #F0F0F0;

    --color-blue-50: #2e4252;
    --color-blue-100: #3b7bcb;
    --color-blue: #509FFF;
    --color-blue-400: #7dc9ff;
    --color-blue-500: #b8d5ff;

    --box-corner-radius: 6px;
    --box-color-bg: #FAFAFA;
    --box-padding: var(--m);
    --box-header-h: 54px;

    --layer-shadow: 0 1px 4px rgba(0,0,0,.05);

    --header-bottom-border-color: var(--color-blue-500);

    --point-r: 5px;

    --alert-error-bg: #f5cccc;
    --alert-error-color-text: #c3374b;

    --input-corner-radius: 4px;
    --color-placeholder: var(--color-black-550);
    --input-error-border: var(--alert-error-color-text);

    --input-error-placeholder-color: #e3abab;

    --btn-corner-radius: 4px;

    --color-link: var(--color-blue);
    --color-link-hovered: var(--color-blue);
    --color-link-visited: var(--color-blue-100);

    --color-text-white: #ffffff;
    --color-text-white-hover: rgba(255, 255, 255, 0.9);
    --color-text: var(--color-black-100);
    --color-text-muted: var(--color-black-500);

    --header-height: 64px;
    --bar-height: 64px;
    --menu-toggle-width: 64px;

    --ava-m-side: 24px;
    --ava-default-color: #767C80;

    --h: 36px;

    --btn-m-h: 36px;
    --btn-s-h: 30px;

    --small-h: 30px;

    --logo-height: 30px;
    --logo-height-mobile: 20px;

    --article-info-h: 36px;

    --topic-icon-w: 64px;
    --topic-icon-h: 64px;
    --topic-icon-border-radius: 18px;
    --topic-border-width: 4px;

    --tag-h: 26px;
    --tag-background: #EFEFEF;
    --tag-hovered-background: #e3e2e2;
    --tag-paddings: 0 8px;
    --tag-border-radius: 4px;
    --tag-text-color: var(--color-black-300);
    --tag-active-text-color: var(--color-black-500);


    --topic-ai-color: #a285c6;
    --topic-robots-color: #6CD3E9;
    --topic-smartphones-color: #638dae;
    --topic-games-color: #FE9058;
    --topic-tech-color: #E3A2C2;
    --topic-gadgets-color: #8327a8;
    --topic-economy-color: #366347;
    --topic-trends-color: #c4b730;

}