/* Тема B — «Яркий»
   Для: услуги населению, красота, еда, детское, ремонт, локальная торговля.
   Настроение: энергия, доступность, «сразу звоните». */
:root{
  /* Оттенок затемнён с #FF5A1F для контраста 4.5+ при ярком свете.
     Текущий даёт 5.2 с запасом, тема остаётся тёплой и заметной. */
  --c-accent:#D14209;
  --c-accent-dark:#B8380A;
  --c-on-accent:#FFFFFF;
  --c-bg:#FFFCFA;
  --c-surface:#FEF3ED;
  --c-card:#FFFFFF;
  --c-text:#1C1410;
  --c-muted:#78716C;
  --c-border:#F5E8DE;
  --c-footer:#1C1410;
  --c-footer-text:#FEF3ED;
  --c-on-hero:#FFFFFF;
  /* Затемнение уходит в тёмно-коричневый, а не в акцентный оранжевый:
     иначе главная кнопка того же цвета теряется на фоне. */
  --hero-scrim:linear-gradient(160deg,rgba(28,20,16,.5) 0%,rgba(92,34,10,.74) 100%);

  --font-head:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-body:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --head-weight:800;
  --h1-size:clamp(2.1rem,6.2vw,3.8rem);
  --h1-tracking:-0.03em;
  --h2-size:clamp(1.65rem,3.8vw,2.6rem);

  --radius-btn:12px;
  --radius-card:16px;
  --card-border:0;
  --shadow-card:0 2px 12px rgba(28,20,16,.06),0 8px 24px rgba(28,20,16,.04);
  --shadow-btn:0 4px 14px rgba(209,66,9,.35),0 1px 3px rgba(209,66,9,.2);
  --section-pad:104px;
  --section-pad-m:64px;
  --gap:24px;
}
.card{transition:transform .2s ease,box-shadow .2s ease}
.card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(28,20,16,.14)}
.btn--primary{font-weight:700;letter-spacing:-0.01em}
.section__head{margin-bottom:48px}