/* ============================================================
   UniBuilder — «Мягкая» (soft-theme)   [Epic 9 · Тема №2, Steep-референс]
   Серифная РЕДАКТОРСКАЯ тема: near-monochrome бумага (97% ахроматична), тёплый
   персиковый акцент (редкий), тёмный near-black CTA, спокойная типографика в стиле
   журнального разворота. Сериф-заголовки ВЕС 400 (Steep-подпись: «шёпот, не крик»),
   pill-кнопки, крупные мягкие карты (24px), hairline-бордеры вместо теней, БЕЗ градиентов.

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

   ⚠️ Цвета primary/accent доставляются НЕ отсюда, а через manifest defaults{}
   (theme_color=#17191c / theme_accent=#fbe1d1) → Ф4-попап «Применить цвета темы» →
   ColorPaletteService → --ub-primary/--ub-accent → base --p:var(--ub-primary). Здесь
   --p/--a продублированы формой var(--ub-*, steep-fallback) — зеркало base: owner-override
   («Оставить свои цвета») СОХРАНЁН. Хардкод литерала --p сломал бы это — сознательно не делаем.

   🖋 Шрифт заголовков: сериф-стек 'Source Serif 4','PT Serif',Georgia,serif. На ферме
   self-hosted серифа НЕТ (только Inter/Space Grotesk) → фактически Georgia (системный сериф,
   кириллица) — ноль зависимостей/CDN (проект от CDN ушёл). Source Serif 4 можно self-host'ить
   позже для точного референса; Georgia держит Steep-дух серифа сейчас. Body = Inter (локальный).
   ============================================================ */
:root{
  /* — Бренд: ТЁМНЫЙ near-black CTA (Steep: filled action = near-black pill, НЕ персик!).
       Форма var(--ub-*,fallback) следует за инъекцией theme_color (Ф4/ColorPaletteService). — */
  --p:var(--ub-primary,#17191c);--ph:var(--ub-primary-hover,#2a2d31);--pl:var(--ub-primary-light,#f2f2f3);--p50:#fafafb;
  /* — Акцент: тёплый ПЕРСИК (редкий — декор-карты, не фон/кнопки). — */
  --a:var(--ub-accent,#fbe1d1);--ah:var(--ub-accent-hover,#f5d0b8);--al:var(--ub-accent-light,#fef6f0);

  /* — Градиент бренда: МОНО near-black (тёмный→чуть светлее), near-flat pill (НЕ хромат). — */
  --gp:linear-gradient(135deg,var(--p),var(--ph));
  --gs:linear-gradient(135deg,var(--surface-3),var(--al));

  /* — Тёмные секции → Steep-ink (near-black монохром), для hero-dark/футер-вариантов. — */
  --dk:#17191c;--dc:#2a2d31;--ds:#3a3d42;
  --gd:linear-gradient(135deg,#17191c,#2a2d31,#3a3d42);
  --gh:linear-gradient(160deg,#17191c 0%,#2a2d31 55%,#3a3d42 100%);

  /* — Поверхности: Steep near-monochrome (Paper / Mist / Fog). — */
  --surface:#ffffff;--surface-2:#f2f2f3;--surface-3:#fafafb;

  /* — Нейтрали/текст: Steep (Ink #17191c → Slate #777b86 → Ash/Smoke), вся шкала. — */
  --n50:#fafafb;--n100:#f2f2f3;--n200:#ececec;--n300:#a3a6af;
  --n400:#979799;--n500:#777b86;--n600:#777b86;--n700:#2a2d31;
  --n800:#1f2124;--n900:#17191c;

  /* — Радиусы: Steep PILL кнопки + КРУПНЫЕ мягкие карты (min 12px, карты 24px). — */
  --rs:12px;--rm:16px;--rl:20px;--rxl:24px;--rf:9999px;
  --r-btn:9999px;--r-card:24px;--r-input:16px;

  /* — Тени: Steep ЕЛЕ ЗАМЕТНЫЕ — hairline-бордеры вместо теней (только floating имеет 8% тень). — */
  --sh-sm:rgba(0,0,0,0.05) 0px 0px 0px 1px;
  --sh-brand:rgba(4,23,43,0.05) 0px 0px 0px 1px,rgba(0,0,0,0.08) 0px 4px 24px 0px;
  --sh-modal:rgba(0,0,0,0.10) 0px 24px 60px 0px;

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

  /* ============================================================
     ОБОГАЩЕНИЕ — Steep-ЗНАЧЕНИЯ токенов (тема ЗАДАЁТ, база ЧИТАЕТ — Ф3d).
     ============================================================ */
  /* — Заголовки: Steep крупные редакторские (display ~44-64px), сериф. — */
  --h1:clamp(2.75rem,6vw,4rem);--h2:clamp(2rem,4vw,2.75rem);
  --h3:clamp(1.5rem,3vw,1.625rem);--h4:clamp(1.25rem,2vw,1.375rem);
  /* — 🖋 ВЕС 400 (Steep-подпись: сериф НЕ жирнеет, в отличие от Paste 700) + плотный трекинг + lh 1.3. — */
  --heading-weight:400;--heading-tracking:-.02em;--lh-heading:1.3;--lh-body:1.35;
  /* — БЕЗ градиент-заголовка (Steep 97% achromatic, no chromatic gradients) → сплошной тёмный. — */
  --heading-gradient:var(--n900);
  /* — Featured-карта: Steep выделяет ПЕРСИК-фоном (не бордер/планка) → border none/accent transparent. — */
  --card-featured-border:none;--card-featured-accent:transparent;
  /* — Эмфатика (числа/цены): Sohne-medium вес 500 (НЕ 700), умеренный размер. — */
  --title-weight:500;--stat-value-size:clamp(2.25rem,4.5vw,3rem);--stat-value-size-sm:clamp(1.75rem,3.5vw,2.25rem);
  --price-size:clamp(1.875rem,4vw,2.5rem);
  /* — Вертикальный ритм: Steep comfortable (section-gap ~80px). — */
  --section-py:clamp(64px,8vw,96px);--section-py-lg:clamp(80px,10vw,128px);--section-py-md:clamp(48px,6vw,64px);
  /* — Тень CTA: Steep flat pill БЕЗ тени (none). — */
  --sh-btn:none;--sh-btn-hover:rgba(0,0,0,0.08) 0px 4px 16px 0px;
  /* — [футер-хром] Steep-подвал: СВЕТЛЫЙ near-mono mist #f2f2f3 (редакторский, не тёмный), ink-текст, slate-muted. — */
  --footer-bg:#f2f2f3;--footer-text:#17191c;--footer-muted:#777b86;--footer-heading:#17191c;
  --footer-link:#2a2d31;--footer-link-hover:#17191c;--footer-border:#ececec;
  /* [follow-up] соц-круги: светлый футер #f2f2f3 → тёмный-субтл (white/10 невидим). */
  --footer-social-bg:rgba(0,0,0,0.06);--footer-social-hover:rgba(0,0,0,0.12);
}