:root {
    /* Палитра базовых цветов */
    --color-neutral-003: rgba(255, 255, 255, 0.03);
    --color-neutral-040: rgba(10, 16, 20, 0.4);
    --color-neutral-0: #fff;
    --color-neutral-100: #fafafa;
    --color-neutral-200: #eaeaea;
    --color-neutral-300: #cecece;
    --color-neutral-400: #999b9f;
    --color-neutral-500: #778c99;
    --color-neutral-700: #313b42;
    --color-neutral-900: #1e2222;

    --color-primary-100: #f2f4ff;
    --color-primary-300: #a193fa;
    --color-primary-500: #6270d8;
    --color-primary-700: #515fc6;

    --color-green-700: #0ea472;
    --color-red-700: #ef4352;
    --color-red-a1: #ef43521a;
    --color-yellow-700: #f9d467;
    --color-skyblue-500: #88cfff;

    /* Семантические переменные */
    /* Основные цвета брэнда */
    --color-brand-base: var(--color-primary-700);
    --color-brand-hover: var(--color-primary-500);
    --color-brand-subtle: var(--color-primary-100);

    /* Текстовые цвета */
    --color-text-primary: var(--color-neutral-900);
    --color-text-secondary: var(--color-neutral-700);
    --color-text-tertiary: var(--color-neutral-500);
    --color-text-disabled: var(--color-neutral-400);
    --color-text-inverted: var(--color-neutral-0);
    --color-text-inverted-link: var(--color-skyblue-500);

    /* Цвета фона */
    --color-background-base: var(--color-neutral-100);
    --color-background-level-1: var(--color-neutral-0);
    --color-background-level-2: var(--color-neutral-100);
    --color-background-level-3: var(--color-neutral-200);
    --color-background-disabled: var(--color-neutral-200);
    --color-background-subtle: var(--color-neutral-003);
    --color-background-overlay: var(--color-neutral-040);
    --color-background-inverted: var(--color-neutral-700);

    /* Цвета ошибок и предупреждений */
    --color-warning: var(--color-yellow-700);
    --color-error: var(--color-red-700);
    --color-error-100: var(--color-red-a1);
    --color-success: var(--color-green-700);

    /* Цвета границ */
    --color-border-base: var(--color-neutral-200);
    --color-border-inverted: var(--color-neutral-700);

    /* Отступы */
    --gap-xxl: 40px;
    --gap-xl: 32px;
    --gap-l: 24px;
    --gap-m: 20px;
    --gap-ms: 16px;
    --gap-s: 12px;
    --gap-xs: 8px;
    --gap-xxs: 4px;

    /* Размеры */
    --size-xxl: 64px;
    --size-xl: 48px;
    --size-l: 40px;
    --size-m: 32px;
    --size-s: 24px;
    --size-xs: 20px;
    --size-xxs: 16px;

    /* Типографика */
    --font-family-base: 'Golos', 'Open Sans', Roboto, sans-serif;
    --font-size-base: 14px;
    
    /* Line heights */
    --line-height-tight: 1.2;
    --line-height-normal: 1.43;
    --line-height-relaxed: 1.5;

    /* Font weights */
    --font-weight-regular: 400;
    --font-weight-semibold: 600;

    /* Радиусы */
    --radius-xs: 2px;
    --radius-s: 4px;
    --radius-m: 8px;
    --radius-l: 12px;
    --radius-100: 100%;
}