/* ============================================================
   UniBuilder — «Бизнес» (business-theme)   [Epic 9 · Тема №3, Column-референс]
   Корпоративная тема: архитектурный чертёж на белом мраморе. Near-monochrome
   поверхности (Ghost White / Fog Gray), ОРАНЖЕВЫЙ CTA (Action Orange #ec652b),
   глубокий фиолетово-синий бренд-акцент (Deep Plum #111a4a — иконки/highlights,
   НЕ кнопки). Заголовки Inter вес 600, плотный трекинг (-0.03em), Ink Blue.
   Frosted-тени (Column signature: inner-border + тонкая тень). Тёмный Ink-футер.

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

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

   🖋 Шрифт: Inter (локальный fonts.css, кириллица) для заголовков И body. Column-референс
   несёт SuisseIntl → у нас Inter (ноль CDN, кириллица). Заголовки вес 600 (не сериф как Steep,
   не 400) — корпоративная плотность.

   🔲 Точечная blueprint-сетка (Column signature, hero-подложка) — РЕАЛИЗОВАНА:
   base-hero получил hook-класс `.ub-hero` (4 вариации), а светлые hero (standard/centered-clean)
   переведены со scoped-shorthand `background:` на `background-color:` → `background-image` свободен
   для темы. Правило `.ub-hero{background-image:radial-gradient(...)}` ниже кладёт еле-заметную
   точечную подложку на СВЕТЛЫЕ hero. Тёмные градиент-hero (large/video) сетку не принимают
   (их scoped-градиент = сам background-image перебивает) — корректно (Column-сетка для светлых).
   Edge: пер-блочный inline `style="background:..."` (владелец задал свой фон) сбросит сетку — редко.
   ============================================================ */
:root{
  /* — Бренд: ОРАНЖЕВЫЙ CTA (Column Action Orange filled — кнопки/действия).
       Форма var(--ub-*,fallback) следует за инъекцией theme_color (Ф4/ColorPaletteService). — */
  --p:var(--ub-primary,#ec652b);--ph:var(--ub-primary-hover,#d55620);--pl:var(--ub-primary-light,#fef1ea);--p50:#fff8f4;
  /* — Акцент: глубокий ФИОЛЕТОВО-СИНИЙ Deep Plum (иконки/highlights/значимый текст/featured-бордер,
       НЕ кнопки!). Info Blue #7ea7e9 НЕ используем (только графика — не разбавлять Plum/Orange). — */
  --a:var(--ub-accent,#111a4a);--ah:var(--ub-accent-hover,#1e2a5e);--al:var(--ub-accent-light,#e8eaf2);

  /* — Градиент бренда: МОНО-primary (оранж→тёмнее), НЕ primary→accent (иначе .btn-p стала бы
       оранж-фиолетовой). Следует за --p/--ph (owner-override жив). — */
  --gp:linear-gradient(135deg,var(--p),var(--ph));
  --gs:linear-gradient(135deg,var(--surface-3),var(--al));

  /* — Тёмные секции → Column Ink Blue (#011821 глубокий корпоративный), для hero-dark/футер-вариантов. — */
  --dk:#011821;--dc:#0a2230;--ds:#12303f;
  --gd:linear-gradient(135deg,#011821,#0a2230,#12303f);
  --gh:linear-gradient(160deg,#011821 0%,#0a2230 55%,#12303f 100%);

  /* — Поверхности: Column white marble (Ghost White / Fog Gray / near-white). — */
  --surface:#ffffff;--surface-2:#f6f6f8;--surface-3:#fafafb;

  /* — Нейтрали/текст: Column (Ink Blue #011821 → Charcoal → Slate → Steel Gray border), вся шкала. — */
  --n50:#fafafb;--n100:#f6f6f8;--n200:#e3e4e8;--n300:#e3e4e8;
  --n400:#9a9da5;--n500:#7c7f88;--n600:#7c7f88;--n700:#232730;
  --n800:#12202a;--n900:#011821;

  /* — Радиусы: Column УМЕРЕННЫЕ (precision instrument — 8px кнопки/инпуты, 16px карты, НЕ pill). — */
  --rs:8px;--rm:12px;--rl:16px;--rxl:24px;--rf:9999px;
  --r-btn:8px;--r-card:16px;--r-input:8px;
  --bw:1px;

  /* — Тени: Column signature FROSTED GLASS (inner-border + тонкая тень, НЕ жирные). — */
  --sh-sm:rgba(17,26,74,0.05) 0px 0px 0px 1px,rgba(0,0,0,0.05) 0px 1px 2px 0px;
  --sh-brand:rgba(17,26,74,0.05) 0px 0px 0px 1px,rgba(0,0,0,0.1) 0px 1px 2px 0px,rgba(255,255,255,0.5) 0px 0px 0px 1px inset;
  --sh-modal:rgba(17,26,74,0.08) 0px 0px 0px 1px,rgba(0,0,0,0.12) 0px 12px 32px 0px;

  /* — Шрифт: Inter (локальный, кириллица) для заголовков И body — корпоративный sans. — */
  --fh:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --fb:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;

  /* ============================================================
     ОБОГАЩЕНИЕ — Column-ЗНАЧЕНИЯ токенов (тема ЗАДАЁТ, база ЧИТАЕТ — Ф3d).
     ============================================================ */
  /* — Заголовки: Column display ~48-56px, плотнее Steep/Paste (корпоративная сдержанность). — */
  --h1:clamp(2.5rem,5vw,3.5rem);--h2:clamp(1.875rem,4vw,2.5rem);
  --h3:clamp(1.375rem,3vw,1.75rem);--h4:clamp(1.125rem,2vw,1.375rem);
  /* — 🖋 ВЕС 600 (Column sans-плотность, НЕ 700 Paste и НЕ 400 сериф Steep) + плотный трекинг -.03em + lh 1.1. — */
  --heading-weight:600;--heading-tracking:-.03em;--lh-heading:1.1;--lh-body:1.6;
  /* — БЕЗ градиент-заголовка: Column заголовки обычные Ink Blue (Soft Horizon градиент — только
       баннеры через custom, не заголовки) → сплошной тёмный. — */
  --heading-gradient:var(--n900);
  /* — Featured-карта: Column выделяет ТОНКИМ Deep Plum бордером + frosted (не жирный/не планка). — */
  --card-featured-border:1px solid var(--a);--card-featured-accent:transparent;
  /* — Эмфатика (числа/цены): Column вес 600, умеренный размер. — */
  --title-weight:600;--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);
  /* — Вертикальный ритм: Column компактнее (sectionGap ~48-80px — плотная корпоративная сетка). — */
  --section-py:clamp(48px,6vw,80px);--section-py-lg:clamp(64px,8vw,112px);--section-py-md:clamp(40px,5vw,56px);
  /* — Тень CTA: Column оранж-кнопка субтл тень (не flat, не жирная). — */
  --sh-btn:rgba(236,101,43,0.15) 0px 2px 8px 0px;--sh-btn-hover:rgba(236,101,43,0.25) 0px 4px 12px 0px;
  /* — [футер-хром] Column-подвал: ТЁМНЫЙ Ink Blue #011821 (корпоративный якорь), белый текст, slate-muted. — */
  --footer-bg:#011821;--footer-text:#ffffff;--footer-muted:#9a9da5;--footer-heading:#ffffff;
  --footer-link:#cbd0d8;--footer-link-hover:#ffffff;--footer-border:#232730;
}

/* — 🔲 Blueprint-сетка Column (signature): еле-заметная точечная подложка на СВЕТЛЫХ hero
     через hook-класс `.ub-hero` (base-hero, standard/centered-clean). Faded Grid Blue #023247 @4%.
     Тёмные градиент-hero (large/video) не принимают (их scoped-градиент перебивает) — корректно. — */
.ub-hero{
  background-image:radial-gradient(circle,rgba(2,50,71,0.04) 1px,transparent 1px);
  background-size:24px 24px;
}