/* ============================================================
   THE CRAVING CLUB · V10 (мобильный макет)
   tokens.css — палитра, типографика, размеры. Все числа — из
   _makety_v3/HANDOFF.md (разделы 1.2–1.4) и ТЗ-09 §4 (comparison).
   Правило проекта: hex только здесь, в правилах — var().
   Сборка мобильная: базовый холст 390px, значения фиксированные.
   ============================================================ */

:root {
  /* ---------- ПАЛИТРА (HANDOFF §1.2) ---------- */
  --c-ivory:      #FFF8F1;   /* фон hero / about / faq */
  --c-white:      #FFFFFF;   /* карточки, occasions, taste-first */
  --c-dark:       #2E1F47;   /* тёмный блок + footer */
  --c-lav:        #F1EAF8;   /* лавандовые секции: nutrition/reviews/purchase */
  --c-lav-2:      #E6DCF2;   /* неактивный control, раскрытый FAQ */
  --c-peach:      #F7C2AB;   /* промо-полоса + акценты на тёмном */
  --c-ink:        #2E1F47;   /* основной текст */
  --c-muted:      #6E637C;   /* приглушённый текст */
  --c-border:     #E8DFEC;   /* рамки, разделители */
  --c-cta:        #C43A6C;   /* основная кнопка */
  --c-cta-ink:    #FFFFFF;   /* текст кнопки */
  --c-milk-pill:  #FBE1EA;   /* фон пилла-аллергена CONTAINS MILK */
  --c-eyebrow:    #A62D5B;   /* мелкий eyebrow-текст: контраст ≥4.5 на лаванде */
  --c-teal-dark:  #0A6A66;   /* мелкий тёмно-бирюзовый eyebrow на лаванде ≥4.5 */
  --c-allerg-ink: #5B5075;   /* текст аллергена MAY CONTAIN на лаванде ≥4.5 */
  --c-star:       #F5A623;   /* звёзды рейтинга в отзывах */

  /* на тёмном фоне */
  --c-on-dark:        #FFFFFF;
  --c-on-dark-muted:  #E9DEEF;
  --c-on-dark-peach:  #F7C2AB;

  /* ---------- COMPARISON — точные токены (ТЗ-09 §4) ---------- */
  --c-cmp-outer:  #FBADC2;   /* внешний розовый фон */
  --c-cmp-inner:  #E6D9F4;   /* внутренняя форма (картинка) */
  --c-cmp-ink:    #271545;   /* H2, eyebrow, subtitle, подписи, значения, линии, сноска */
  --c-cmp-num:    #076269;   /* крупные цифры и BAKED */
  --c-cmp-dot:    #AFD7CB;   /* точка на конце выноски */

  /* ---------- АКЦЕНТЫ ВКУСОВ (HANDOFF §1.2) ----------
     --fa — акцент (крупный текст ≥19px, рамки, графика),
     --fa-ink — тёмный вариант для мелкого текста <19px. */
  --fa:      #119B9B;
  --fa-ink:  #0C7B78;

  /* ---------- ТИПОГРАФИКА (HANDOFF §1.1) ---------- */
  --ff-head: 'Barlow Condensed', 'Arial Narrow', system-ui, sans-serif;
  --ff-body: 'Noto Sans', system-ui, -apple-system, sans-serif;
  --ff-num:  'Bebas Neue', 'Arial Narrow', system-ui, sans-serif;

  /* ---------- ЕДИНАЯ ШКАЛА КЕГЛЕЙ (ТЗ-10 §1) ----------
     База 16px (браузерный default → 1rem), все размеры в rem.
     Пикселей в font-size по всему сайту не остаётся — только эти токены. */
  --fs-h1:        2.5rem;    /* 40px — H1 первого экрана (ТЗ-11 §1: заголовок доминирует) */
  --fs-h2:        1.875rem;  /* 30px — H2 секции (ТЗ-11 §1, пропорционально H1) */
  --fs-sub:       1.125rem;  /* 18px — подзаголовок под H2 (ТЗ-11 §1: две строки вместо трёх) */
  --fs-h3:        1.25rem;   /* 20px — H3 карточки, название вкуса */
  --fs-body:      1.125rem;  /* 18px — основной текст */
  --fs-lead:      1.0625rem; /* 17px — уплотнённый подзаголовок тёмного блока (idea__body), ТЗ-12 §4.1 */
  --fs-note:      1rem;      /* 16px — описания карточек (val__d) и нижний текст сценариев (occ__close), ТЗ-12 §4.2/§4.4 */
  --fs-card-d:    0.9375rem; /* 15px — плотное описание 2-колоночных карточек сценариев (occ__d), ТЗ-12 §4.3 */
  --fs-btn:       1rem;      /* 16px — кнопки и поля ввода */
  --fs-cap:       0.875rem;  /* 14px — подписи, сноски, метаданные */
  --fs-eyebrow:   0.75rem;   /* 12px — eyebrow, микроподписи капсом */
  /* дисплейные числа (вне текстовой шкалы, но тоже токены — px в правилах нет) */
  --fs-num-xl:    4rem;      /* 64px — крупные цифры сравнения 3× / 92% / 4× */
  --fs-num-baked: 3.25rem;   /* 52px — BAKED */
  --fs-yes:       2.5rem;    /* 40px — YES, YOU CAN */
  --fs-num-lg:    1.5rem;    /* 24px — TOTAL, цифры КБЖУ в карточках состава */
  --fs-num-md:    1.25rem;   /* 20px — цифры макро-строки героя */

  /* межстрочные интервалы (ТЗ-10 §1.1) */
  --lh-head:  1.1;    /* заголовки 1.05–1.15 */
  --lh-body:  1.5;    /* основной текст */
  --lh-sub:   1.4;    /* подзаголовки под H1/H2 (ТЗ-11 §1.2) */
  --lh-cap:   1.45;   /* подписи */

  /* ---------- РАДИУСЫ (HANDOFF §1.4) ---------- */
  --r-cta:     25px;
  --r-card:    22px;
  --r-review:  24px;
  --r-metric:  17px;
  --r-strip:   18px;
  --r-tile:    14px;
  --r-order:   18px;
  --r-faq:     18px;
  --r-img:     16px;
  --r-pill:    999px;
  --r-burger:  14px;

  /* ---------- ТЕНИ (HANDOFF §1.4) ---------- */
  --sh-card:    0 5px 20px rgba(46,31,71,.07);
  --sh-pack:    0 9px 24px rgba(46,31,71,.18);
  --sh-cmp:     0 16px 32px rgba(46,31,71,.16);
  --sh-panel:   0 12px 28px rgba(46,31,71,.14);
  --sh-cta:     0 10px 24px rgba(196,58,108,.26);

  /* ---------- СЕТКА ---------- */
  --side:      16px;    /* боковые поля */
  --content:   358px;   /* контентная ширина */

  --dur: .24s;
  --ease: cubic-bezier(.4,0,.2,1);
}

/* ---------- 5 АКЦЕНТОВ ВКУСОВ ---------- */
[data-flavour="choc"]    { --fa: #119B9B; --fa-ink: #0C7B78; }
[data-flavour="cinn"]    { --fa: #A66F45; --fa-ink: #906541; }
[data-flavour="caramel"] { --fa: #B84E7D; --fa-ink: #8F2D5B; }
[data-flavour="paprika"] { --fa: #C94435; --fa-ink: #9F2F27; }
[data-flavour="sour"]    { --fa: #C95427; --fa-ink: #9D3518; }