:root {
    /* Цвета бренда */
    --color-primary: #C99543;
    --color-primary-hover: #B8862D;
    --color-primary-active: #9F721F;

    /* Фоны и поверхности */
    --color-bg: #F8F2E6;
    --color-surface: #FFFFFF;
    --color-surface-hover: #FFFAF0;

    /* Текст */
    --color-text: #2C2416;
    --color-text-muted: #8B7B61;
    --color-text-on-primary: #FFFFFF;

    /* Состояния */
    --color-success: #5B8A3A;
    --color-warning: #E8A33B;
    --color-error: #C04A3A;
    --color-error-bg: #FEF1EF;

    /* Границы */
    --color-border: #E8DFCC;
    --color-border-focus: #C99543;

    /* Радиусы */
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-pill: 999px;

    /* Отступы */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;
    --space-3xl: 64px;

    /* Тени */
    --shadow-sm: 0 1px 2px rgba(44, 36, 22, 0.08);
    --shadow-md: 0 4px 12px rgba(44, 36, 22, 0.12);
    --shadow-lg: 0 8px 32px rgba(44, 36, 22, 0.16);

    /* Шрифты (Google Fonts) */
    --font-sans: 'Inter', -apple-system, system-ui, sans-serif;
    --font-display: 'Playfair Display', Georgia, serif;

    /* Размеры шрифтов */
    --text-xs: 12px;
    --text-sm: 14px;
    --text-base: 16px;
    --text-lg: 18px;
    --text-xl: 24px;
    --text-2xl: 32px;
    --text-3xl: 48px;

    /* Веса */
    --font-regular: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;

    /* Анимации */
    --transition-fast: 150ms ease-out;
    --transition-base: 250ms ease-out;
    --transition-slow: 400ms ease-out;

    /* Z-index */
    --z-base: 0;
    --z-header: 100;
    --z-modal: 1000;
    --z-toast: 2000;
}