/* ==============================
   ТОКЕНЫ — палитра, шрифты, переменные
   Тема «тёплый тихий люкс» — приглушённый тёплый нейтрал (референсы: quiet-luxury фэшн/студии).
   Крем (фон) · глина/мокко (акцент, приглушённый) · пудрово-голубой (из костюма, шёпотом) · тёплый кофе (текст).
   Имена токенов сохранены с тёмной темы, чтобы не переписывать каскад:
   --emerald-deep = фон-крем · --emerald-dark = блаш-панель секций · --gold = глина · --cream = тёмный текст.
   ============================== */
:root {
    /* Кривые плавности. По умолчанию браузер даёт ease — он одинаково вял на входе
       и на выходе, и интерфейс от него выглядит дешёвым. Здесь движение начинается
       быстро и мягко тормозит в конце: так глаз читает его как отклик на действие. */
    --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
    --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);

    /* Фоны — светлые тёплые, дают ритм секциям (крем ↔ блаш-панель) */
    --emerald-deep: #f7f1e7;   /* фон страницы + светлый текст на акценте */
    --emerald-dark: #f0e3d5;   /* тонированная блаш-панель секций (ритм) */
    --emerald: #ead9c6;        /* тёплый песок (градиенты-деко) */
    --emerald-light: #9fb2c8;  /* пыльно-голубой (деко-акцент из костюма) */

    /* Второй акцент — пыльно-голубой из костюма (холодная нота для контраста) */
    --blue: #8ba3bf;           /* пыльно-голубой */
    --blue-soft: #d3ddea;      /* мягкая пудрово-голубая подложка */

    /* Акцент — приглушённая глина/мокко (не «ржавчина») */
    --gold: #96593f;           /* глина — акцент текста/линий (контраст 4.9:1 на креме) */
    --gold-light: #c08a6b;     /* мягкая глина — hover/градиенты/деко */

    /* Текст */
    --cream: #2c2318;          /* заголовки — тёмный тёплый почти-чёрный */
    --text: #483b2d;           /* основной текст — тёплый кофе */
    --text-soft: #6a5a49;      /* вторичный текст */
    --text-mute: #786651;      /* приглушённый текст (4.9:1 на креме, 4.4:1 на блаш-панели) */

    /* Поверхности и линии */
    --surface: #fffdf8;        /* карточки — тёплый почти-белый */
    --border: rgba(70, 54, 40, 0.12);
    --shadow: 0 30px 70px rgba(120, 86, 60, 0.14);

    /* Скругления и мягкие тени (единая шкала — «дорогая мягкость») */
    --radius-card: 18px;
    --radius-btn: 40px;
    --shadow-soft: 0 18px 44px rgba(120, 86, 60, 0.12);
    --shadow-lift: 0 26px 60px rgba(120, 86, 60, 0.18);

    --serif: 'Cormorant Garamond', Georgia, serif;
    --sans: 'Inter', -apple-system, sans-serif;
    --num: 'Fraunces', 'Cormorant Garamond', Georgia, serif; /* крупные числа (метрики, статистика) */
}