/* Темра — дизайн токени. Единственият файл, който се пипа при ребрандиране. */
:root {
  /* Цветове */
  --c-bg: #FAF3EC;            /* основен топъл крем */
  --c-bg-alt: #F2E7DA;        /* алтернативна секция */
  --c-ink: #261418;           /* основен текст */
  --c-muted: #55494D;         /* приглушен текст — WCAG AA долна граница, не изсветлявай */
  --c-muted-2: #9A8B84;       /* зачертани цени, неактивни */
  --c-line: #E4D2BE;          /* разделители и рамки */
  --c-cta: #C0392B;           /* САМО бутони за действие и pill-ове с отстъпка */
  --c-cta-dark: #A93226;
  --c-green: #1E7A34;         /* Themra зелено — чекове, избрано, имена */
  --c-green-deep: #1E5B2A;
  --c-success: #2E7D32;       /* само „приеми“ бутони в upsell */
  --c-burgundy: #46101E;      /* банер гаранция + Upsell 1 */
  --c-dark: #241318;          /* тъмни секции (болки, финален CTA) */
  --c-dark-2: #2B2528;        /* Downsell фон */
  --c-forest: #113F2E;        /* Upsell 2 фон */
  --c-star: #E8A13D;
  --c-viber: #7360F2;         /* само Viber CTA */
  --c-chip-bg: #E2EFE2;
  /* Типография — Montserrat/Inter: пълна кирилска поддръжка. НЕ замествай с Poppins (няма кирилица). */
  --font-head: 'Montserrat', sans-serif;
  --font-body: 'Inter', sans-serif;
  --fs-h1: clamp(28px, 7vw, 46px);
  --fs-h2: clamp(24px, 5vw, 32px);
  --fs-h2-lg: clamp(26px, 5vw, 36px);
  --fs-lead: 17px;
  --fs-body: 15px;
  --fs-small: 13.5px;
  --fs-price: 34px;
  /* Форми и сенки */
  --r-card: 12px;
  --r-card-lg: 14px;
  --r-btn: 8px;
  --r-pill: 20px;
  --sh-card: 0 2px 8px rgba(0,0,0,.06);
  --sh-pop: 0 8px 24px rgba(0,0,0,.12);
  --sh-btn: 0 8px 18px rgba(0,0,0,.14);
  /* Отстъпи и мрежа */
  --sp-section: clamp(56px, 8vw, 88px);
  --maxw: 1160px;
  /* Брейкпойнт: 768px. CSS custom properties не работят в @media условие —
     стойността е документирана тук, а самите @media декларации я повтарят буквално. */
  --breakpoint-md: 768px;
}