/* ============================================================
   UniBuilder — «Премиум-минимализм» (premium-minimal)
   Тема под сферу женской красоты: премиальные салоны, SPA, барбершопы.
   Айвори + шампань-золото, сериф-заголовки (Source Serif 4) на чистом
   гротеске (Inter), минимальные радиусы (2-4px) кроме pill-кнопок,
   hairline-границы ВМЕСТО теней, широкие отступы секций (96-140px).

   Level-A: ОДИН override :root токен-контракта (_base) — красит все
   base-блоки. Своих block-override нет (падает на base-вёрстку).
   Грузится ПОСЛЕ templates/_base/global.css → переопределяет :root каскадом.

   Цвета primary/accent доставляются через manifest defaults{} (theme_color=
   #B9975B / theme_accent=#8C6F3E) → попап «Применить цвета темы» →
   ColorPaletteService → --ub-primary/--ub-accent → база --p:var(--ub-primary).
   Здесь --p/--a продублированы формой var(--ub-*, fallback) — owner-override
   («оставить свои цвета») сохранён, ноль хардкод-литералов бренда в компонентах.

   Шрифты: self-hosted, кириллица проверена (проект: Inter + Source Serif 4,
   /fonts/fonts.css). Ноль внешних CDN-зависимостей (Google Fonts исключён).
   ============================================================ */
:root{
  /* — Бренд: шампань-золото (кнопки/CTA/акценты бренда). — */
  --p:var(--ub-primary,#B9975B);--ph:var(--ub-primary-hover,#9D7C43);--pl:var(--ub-primary-light,#F3ECDC);--p50:#FBF9F5;
  /* — Акцент: глубокий бронзовый (иконки/значимый текст/featured-бордер, НЕ кнопки). — */
  --a:var(--ub-accent,#8C6F3E);--ah:var(--ub-accent-hover,#6E5730);--al:var(--ub-accent-light,#EFE6D2);

  /* — Градиент бренда: МОНО от primary (owner-override одного цвета не ломает кнопку). — */
  --gp:linear-gradient(135deg,var(--p),var(--ph));
  --gs:linear-gradient(180deg,var(--surface),var(--surface-2));

  /* — Тёмные секции/hero-dark/CTA-banner-dark: графит, не чёрный (тепло, не корпоративный ink). — */
  --dk:#1C1B19;--dc:#2A2822;--ds:#141311;
  --gd:linear-gradient(135deg,var(--dk),var(--ds));
  --gh:linear-gradient(160deg,var(--dk) 0%,#242220 55%,var(--ds) 100%);

  /* — Поверхности: айвори/тёплый белый (НЕ холодный серый). — */
  --surface:#FFFFFF;--surface-2:#F7F5F1;--surface-3:#F1EDE5;

  /* — Нейтрали: тёплая айвори-графит шкала (не Tailwind cool-gray). — */
  --n50:#F7F5F1;--n100:#F1EDE5;--n200:#E6E1D8;--n300:#D8D1C3;
  --n400:#B7AF9F;--n500:#6B655C;--n600:#544F48;--n700:#3E3B36;
  --n800:#1C1B19;--n900:#141311;

  /* — Радиусы: минимальные (2-4px) — премиальная сдержанность, кнопки pill с тонкой обводкой. — */
  --rs:3px;--rm:4px;--rl:6px;--rxl:8px;--rf:9999px;
  --r-btn:9999px;--r-card:4px;--r-input:3px;
  --bw:1px;--bw-2:1px;

  /* — Тени: тонкие hairline-границы ВМЕСТО теней (плоский премиум, не soft-glow/frosted). — */
  --sh-sm:0 1px 3px color-mix(in srgb,var(--n900) 5%,transparent);
  --sh-brand:none;
  --sh-modal:0 24px 48px -12px color-mix(in srgb,var(--n900) 20%,transparent);
  --sh-btn:none;--sh-btn-hover:none;
  --sh-focus:0 0 0 3px color-mix(in srgb,var(--p) 18%,transparent);

  /* — Шрифты: Source Serif 4 (заголовки, self-hosted, кириллица 400-600 вариативный) на Inter (body). — */
  --fh:'Source Serif 4',Georgia,'Times New Roman',serif;
  --fb:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;

  /* — Заголовки: сериф-элегантность, умеренный размер (не кричащий display). — */
  --h1:clamp(2.25rem,4.5vw,3.25rem);--h2:clamp(1.75rem,3.5vw,2.375rem);
  --h3:clamp(1.375rem,2.5vw,1.625rem);--h4:clamp(1.125rem,2vw,1.25rem);
  --heading-weight:600;--heading-tracking:-.01em;--lh-heading:1.25;--lh-body:1.7;
  --heading-gradient:var(--n900);

  /* — Featured-карта (напр. рекомендованный пакет услуг): тонкий золотой бордер + узкая планка. — */
  --card-featured-border:var(--bw) solid var(--p);--card-featured-accent:var(--p);

  /* — Эмфатика (цифры/цены): умеренный вес, без корпоративной жирности. — */
  --title-weight:600;--stat-value-size:clamp(2rem,4vw,2.75rem);--stat-value-size-sm:clamp(1.75rem,3.5vw,2.25rem);
  --price-size:clamp(1.75rem,3.5vw,2.25rem);

  /* — Вертикальный ритм: широкие отступы секций (премиум-простор, 96-140px desktop). — */
  --section-py:clamp(72px,9vw,112px);--section-py-lg:clamp(96px,11vw,140px);
  --section-py-md:clamp(56px,7vw,88px);--section-py-sm:56px;

  /* — [футер-хром] Тёмный графитовый футер, тёплый кремовый текст. — */
  --footer-bg:#1C1B19;--footer-text:#F7F5F1;--footer-muted:#B7AF9F;--footer-heading:#FFFFFF;
  --footer-link:#DDD0B4;--footer-link-hover:#FFFFFF;--footer-border:#3E3B36;
  --footer-social-bg:rgba(255,255,255,0.08);--footer-social-hover:rgba(255,255,255,0.16);
}

/* — Eyebrow-бейджи (напр. «Услуги», «Мастера» над заголовком): широкий трекинг капслоком —
     премиальный акцент вместо цветного плашка. Якорь `.ub-eyebrow` — стабильный (base-hook). — */
.ub-eyebrow{letter-spacing:.1em;text-transform:uppercase;font-weight:600;font-size:.7rem}

/* — Hero-hook (декор светлых hero, `.ub-hero`, base blocks/hero/variations/standard|centered-clean):
     еле заметное тёплое золотое свечение в углу — премиальная атмосфера, не паттерн/сетка.
     Тёмные градиент-hero (large) несут собственный scoped-`background:var(--gh)` — перебивает,
     декор на них не ложится (корректно: свечение только для светлых hero). — */
.ub-hero{
  background-image:radial-gradient(ellipse 60% 50% at 85% 15%,color-mix(in srgb,var(--p) 10%,transparent),transparent 70%);
}