/* ========================================================================
   ТОКЕНИ — всички стойности идват от измерването на maketi/home-1920.jpg
   и от декларациите във векторния maketi/home-1920.pdf.
   Виж docs/izmervaniya-home.md.
   ======================================================================== */

:root {
  /* --- ЦВЕТОВЕ ------------------------------------------------------- */
  --c-white:        #ffffff;
  --c-bg-1:         #f7f8fa;   /* категории → банер */
  --c-bg-2:         #f9fafc;   /* създаваме → всичко за кафето */

  --c-ink:          #1a1a1a;   /* основен текст, футър */
  --c-ink-2:        #333333;   /* второстепенен текст */
  --c-ink-3:        #666666;   /* марка над заглавието на картата */
  --c-muted:        #999999;   /* надзаглавия */
  --c-crumb:        #4d4d4d;   /* трохите в categories */
  --c-box:          #8e8f8f;   /* рамка на кутийката за отметка */
  --c-grey:         #808080;   /* стара цена и „+“ в хармониката */
  --c-price:        #c8102e;   /* актуалната цена на product */
  --c-tint:         #eaeef1;   /* началото на градиента */
  --c-line:         #cccccc;   /* номера 01/02/03, тънки линии */
  --c-line-2:       #e6e6e6;   /* неактивно сърце, разделители */

  --c-accent:       #544e4f;   /* бутон в hero, активно сърце */
  --c-sale:         #dd0740;   /* баджа за отстъпка */

  --c-header:       #0a0a0a;   /* лентата с логото и навигацията */
  --c-topbar:       #171614;   /* най-горната лента */
  --c-banner:       #212121;
  --c-hairline:     #4a4a4a;   /* черта под топ лентата */
  --c-hairline-2:   #424441;   /* черта под навигацията */
  --c-hairline-3:   #303030;   /* черта над copyright */

  /* --- ШРИФТ --------------------------------------------------------- */
  --ff: 'Montserrat', 'Segoe UI', Arial, sans-serif;
  --ff-alt: 'Raleway', 'Montserrat', 'Segoe UI', Arial, sans-serif;
  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semibold:600;
  --fw-bold:    700;

  /* Кеглите са записани в PDF-а. Долната граница на clamp() е мобилният
     размер, средният член е кегелът при 1920 (кегел / 1920 * 100 vw). */
  --fs-h1:        clamp(30px,  3.547vw, 68.1px);
  --fs-h2:        clamp(26px,  2.365vw, 45.4px);
  --fs-h2-mid:    clamp(22px,  1.698vw, 32.6px);
  --fs-h2-small:  clamp(20px,  1.354vw, 26px);
  --fs-h3:        clamp(20px,  1.443vw, 27.7px);
  --fs-num:       clamp(22px,  1.604vw, 30.8px);
  --fs-price:     clamp(20px,  1.250vw, 24px);
  --fs-card-title:clamp(18px,  1.172vw, 22.5px);
  --fs-lead:      clamp(16px,  1.063vw, 20.4px);
  --fs-hero-p:    clamp(15px,  0.948vw, 18.2px);
  --fs-body:      clamp(14px,  0.922vw, 17.7px);
  --fs-eyebrow:   clamp(13px,  0.865vw, 16.6px);
  --fs-eyebrow-l: clamp(13px,  0.922vw, 17.7px);
  --fs-nav:       clamp(14px,  0.833vw, 16px);
  --fs-label:     clamp(13px,  0.813vw, 15.6px);
  --fs-link:      clamp(14px,  0.823vw, 15.8px);
  --fs-topbar:    clamp(12.5px,0.745vw, 14.3px);
  --fs-topbar-sm: clamp(12.5px,0.677vw, 13px);
  --fs-tel:       clamp(17px,  1.047vw, 20.1px);
  --fs-copy:      clamp(12.5px,0.734vw, 14.1px);
  --fs-badge:     clamp(12.5px,0.656vw, 12.6px);
  --fs-badge-sale:clamp(12.5px,0.693vw, 13.3px);
  --fs-mark:      clamp(12.5px,0.656vw, 12.6px);

  /* --- КОНТЕЙНЕР ----------------------------------------------------- */
  /* 1600 съдържание при 1920 → ляво 160, дясно 160 (симетрично). */
  --container: 1600px;
  --gut: clamp(16px, 1.667vw, 32px);

  /* --- ОТСТОЯНИЯ ----------------------------------------------------- */
  --sp-section:    clamp(40px, 3.802vw, 73px);
  --sp-section-lg: clamp(48px, 5.339vw, 102.5px);

  /* --- ЕЛЕМЕНТИ ------------------------------------------------------ */
  --header-top-h:  clamp(34px, 2.188vw, 42px);
  --header-mid-h:  clamp(60px, 5.156vw, 99px);
  --header-nav-h:  clamp(48px, 3.125vw, 60px);

  --radius-pill: 999px;
  --shadow-card: 0 1px 3px rgba(0, 0, 0, .06);
  --shadow-card-hover: 0 10px 26px rgba(0, 0, 0, .12);
  --shadow-soft: 0 1px 2px rgba(0, 0, 0, .05);
  --shadow-soft-hover: 0 8px 20px rgba(0, 0, 0, .12);

  --ease: cubic-bezier(.4, 0, .2, 1);
  --t-fast: .18s var(--ease);
  --t: .28s var(--ease);
}