:root {
    /* Основные цвета */
    --color-white: #ffffff;
    --color-black: #000000;

    /* Основная палитра */
    --color-mint: #83c8a5;
    --color-chili: #d93f27;
    --color-emerald: #07914c;
    --color-silver: #e0e0e0;
    --color-porcelain: #f5f5f5;
    --color-deep-olive: #262a28;
    --color-error: #fe4343;
    --color-warning: #FFC107;
    --color-info: #17A2B8;
    --color-black-60: rgba(0, 0, 0, 0.6);
    --color-black-40: rgba(0, 0, 0, 0.4);
    --color-cover: var(--color-black);

    /* Размеры */
    --header-height: 110px;

    /* Фоны */
    --bg-primary: var(--color-porcelain);
    --bg-secondary: var(--color-white);
    --bg-accent: var(--color-black);
    --bg-dark: var(--color-deep-olive);
    --bg-light: var(--color-white);
    --bg-hover: var(--color-chili);
    --bg-active: var(--color-emerald);
    --bg-disabled: var(--color-silver);
    --bg-sidebar: var(--color-deep-olive);
    --bg-sidebar-active: var(--color-chili);
    --bg-cover-overlay: var(--color-black);
    --bg-footer-bottom: var(--color-black);
    --bg-card: var(--color-white);

    /* Текст */
    --text-primary: var(--color-black);
    --text-secondary: var(--color-chili);
    --text-light: var(--color-white);
    --text-dark: var(--color-black);
    --text-muted: var(--color-black-60);
    --text-disabled: var(--color-silver);

    /* Ссылки */
    --link-primary: var(--color-mint);
    --link-primary-hover: var(--color-mint);

    /* Границы */
    --border-primary: var(--color-chili);
    --border-secondary: var(--color-black);
    --border-light: var(--color-silver);
    --border-dark: var(--color-black);
    --border-hover: var(--color-emerald);
    /* Разделители */
    --border-divider: var(--border-light);

    /* Кнопки */
    --btn-primary-bg: transparent;
    --btn-primary-text: var(--color-chili);
    --btn-primary-border: var(--color-chili);
    --btn-primary-bg-hover: var(--color-chili);
    --btn-primary-text-hover: var(--color-white);
    --btn-primary-border-hover: var(--color-chili);

    /* Формы */
    --input-bg: var(--color-white);
    --input-text: var(--color-black);
    --input-border: var(--color-silver);
    --input-focus-border: var(--color-chili);
    --input-placeholder: var(--color-black-60);
    --input-disabled-bg: var(--color-porcelain);
    --input-disabled-text: var(--color-black-40);

    /* Состояния */
    --state-success: var(--color-emerald);
    --state-warning: var(--color-warning);
    --state-error: var(--color-error);
    --state-info: var(--color-info);

    /* Шаги/индикаторы шагов */
    --step-dot-bg: var(--color-black-40);
    --step-line-bg: var(--color-silver);
    --step-text: var(--color-black);

    /* Прозрачности */
    --opacity-sidebar: 0.9;
    --opacity-hover: 0.8;
    --opacity-disabled: 0.5;
    --opacity-overlay: 0.7;
    --opacity-shadow: 0.25;
    --opacity-cover: 0.5;

    /* Тени */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.12);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);

    /* Анимации */
    --transition-base: 0.3s;
    --transition-timing: ease-in-out;

    /* Переменные для галереи */
    --shadow-color: rgba(0, 0, 0, 0.45);
    --gallery-bg: rgba(0, 0, 0, 0.9);
}