:root{
    /* Цвета градиентов элементов */
    --color-gradient-orange: #ff3f8e;
    --color-gradient-red: #ff8a2b;
    --color-gradient-yellow: #2fb8ff;
    --color-gradient-violet: #6a5cff;
    --color-gradient-blue: #21c4ff;


    /* Цвета градиента фона главной страницы*/
    --color-gradient-main-bg-1: #ffe7f9;
    --color-gradient-main-bg-2: #ffffed;
    --color-gradient-main-bg-3: #ffe7f9;

    --color-white: #ffffff;
    --color-black: #111111;
    --color-text: #1f2937;
    --color-muted: #6b7280;
    --color-border: #d9deea;
    --color-surface: #f3f4f8;

    /* Основной градиент проекта */
    --gradient-primary: linear-gradient(135deg, #7b61ff 0%, #ff6b8a 100%);
    --gradient-accent: linear-gradient(180deg, #7b61ff 0%, #ff6b8a 55%, #ff9f43 100%);

    /* Кнопки */
    --btn-height: 48px;
    --btn-radius: 14px;

    /* Поля */
    --input-height: 48px;
    --input-radius: 14px;
    --input-border: 1px solid var(--color-border);

    /* Модалка */
    --modal-radius: 28px;
    --modal-shadow: 0 20px 60px rgba(0,0,0,0.22);

    /* Переключатель */
    --switcher-height: 42px;
    --switcher-radius: 12px;

    /* Шрифты */
    --font-main: Arial, Helvetica, sans-serif;
    --font-size-text: 15px;
    --font-size-title: 28px;

    /* Отступы */
    --space-xs: 8px;
    --space-sm: 10px;
    --space-md: 16px;
    --space-lg: 20px;
    --space-xl: 28px;
    --space-2xl: 34px;
}