/* Grillnurk Redesign — design tokens (--gn-*)
   Источник: design/handoff-2026-07-15/design-tokens.md (сверено с прототипом Grillnurk Redesign.dc.html).
   Фаза 1: только определения переменных. Применение к каркасу/секциям — Фазы 2+. */

:root {
  /* ── Акцент (терракота) ── */
  --gn-acc:        #D9481C;  /* основной акцент, CTA, бейджи, счётчик корзины */
  --gn-acc-d:      #B33711;  /* hover акцента */

  /* ── Фон и поверхности ── */
  --gn-bg:         #ECEAE5;  /* фон страницы и панелей-оверлеев */
  --gn-card:       #ffffff;  /* карточки товаров, секции */
  --gn-surface-2:  #FDF9F3;  /* светлые тёплые подложки */
  --gn-surface-3:  #FAF7F1;
  --gn-surface-4:  #F7F2EA;

  /* ── Тёмные плашки: футер, ticker, toast, кнопка корзины ── */
  --gn-dark:       #33302B;  /* футер / ticker / toast */
  --gn-dark-btn:   #3B3835;  /* тёмные кнопки, текст основной */

  /* ── Текст ── */
  --gn-text:       #3B3835;  /* основной (тёмно-серый из логотипа, НЕ чёрный) */
  --gn-text-2:     #7A6A57;  /* вторичный */
  --gn-text-3:     #5B4C3D;
  --gn-text-4:     #A08D75;  /* приглушённый */
  --gn-text-5:     #4A3E33;
  --gn-on-dark:    #F0E7DA;  /* текст на тёмном */
  --gn-on-dark-2:  #C9BBA6;  /* вторичный на тёмном (футер) */
  --gn-on-dark-3:  #8D7C64;

  /* ── Наличие (зелёный) ── */
  --gn-stock:      #3E9C57;  /* точка наличия */
  --gn-stock-txt:  #2E7D43;  /* текст "в наличии" */
  --gn-stock-bg:   #E4F0E4;  /* фон тумблера "только в наличии" */

  /* ── Пилюли / бейджи светлые ── */
  --gn-pill:       #EFE6D8;  /* eyebrow, ESTO-бейдж */
  --gn-warm-pink:  #F6DED2;  /* иконочная плитка trust-блока */
  --gn-checkout-sel: #FBEDE6; /* выбранная радио-карточка checkout */
  --gn-esto-icon:  #F3C9B8;

  /* ── Бордеры ── */
  --gn-border:     #EDE4D4;  /* карточки */
  --gn-border-2:   #DCCDB4;  /* чипы категорий, инпуты */
  --gn-border-3:   #E0DBD1;  /* нижняя граница хедера */
  --gn-border-4:   #E5DACA;
  --gn-border-5:   #D5C8B4;

  /* ── Плейсхолдер фото ── */
  --gn-ph-1:       #F3ECDF;
  --gn-ph-2:       #E7DBC6;

  /* ── Тона сценариев / регионов (блок «Подберём по случаю», метки каталога).
     ВНИМАНИЕ: привязка товар→сценарий = теги каталога из PIM, не хардкодить. ── */
  --gn-scn-carry:  #B84A26;  /* «Взять с собой» — складные мангалы */
  --gn-scn-cook:   #7E2D26;  /* «Готовить» — казаны/печи/мангалы (Грузия) */
  --gn-scn-serve:  #1D6E7E;  /* «Подавать» — керамика/ножи (Узбекистан) */
  --gn-scn-gift:   #8F6A2F;  /* «Дарить» — подарки */
  --gn-region-afg: #2E4A6B;  /* Афганистан/казаны (доп.) */
  --gn-scn-extra:  #4C6B4F;

  /* ── Типографика ── */
  --gn-font-head: 'Unbounded', sans-serif;   /* заголовки и цены (500/600/700/800) */
  --gn-font-body: 'Golos Text', sans-serif;  /* текст и UI (400/500/600/700) */

  /* ── Радиусы ── */
  --gn-r-pill:    999px;  /* чипы, пилюли, круглые кнопки */
  --gn-r-btn:     12px;   /* кнопки/пилюли 8–14px */
  --gn-r-card:    18px;   /* карточки товаров 16–20px */
  --gn-r-card-l:  20px;   /* секции checkout */
  --gn-r-block:   24px;   /* крупные плашки, hero-фото 24–28px */
  --gn-r-block-l: 28px;

  /* ── Тени (тёплые, мягкие) ── */
  --gn-sh-card:  0 16px 40px -16px rgba(60,40,20,0.45);  /* hover карточек */
  --gn-sh-hero:  0 24px 60px -24px rgba(60,40,20,0.35);  /* hero */
}