/* ============================================
   CSS VARIABLES
   Цветовая палитра и типографика по ТЗ
   ============================================ */

:root {
    /* Цвета */
    --color-bg-main: #FCF9F7;           /* Теплый белый, "взбитые сливки" */
    --color-accent: #C99A7B;            /* Карамель/крем-брюле */
    --color-accent-dark: #A75D4B;       /* Вишневый/ягодный - для кнопок */
    --color-text-main: #2D2A28;         /* Мягкий черный */
    --color-text-secondary: #7F6E64;    /* Шоколадный серый */
    --color-card-bg: #FFFFFF;           /* Белый для карточек */
    
    /* Шрифты */
    --font-main: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-accent: 'Playfair Display', serif;
    
    /* Размеры шрифтов Desktop */
    --font-size-h1: 56px;
    --font-size-h2: 42px;
    --font-size-h3: 24px;
    --font-body: 18px;
    --font-price: 32px;
    --font-button: 18px;
    --font-nav: 16px;
    
    /* Жирность */
    --weight-regular: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;
    
    /* Скругления */
    --radius-card: 24px;
    --radius-button: 40px;
    --radius-large: 50px;
    
    /* Отступы (базовый ритм 8px) */
    --spacing-xs: 8px;
    --spacing-sm: 16px;
    --spacing-md: 24px;
    --spacing-lg: 32px;
    --spacing-xl: 48px;
    --spacing-xxl: 64px;
    --spacing-xxxl: 96px;
    
    /* Тени */
    --shadow-card: 0 4px 24px rgba(45, 42, 40, 0.08);
    --shadow-hover: 0 8px 32px rgba(45, 42, 40, 0.12);
    
    /* Переходы */
    --transition: all 0.3s ease;
}