/* ============================================================
   ДИЗАЙН-ТОКЕНЫ WIKIBIZ — единственный источник UI-значений.
   ============================================================ */
:root{
  --wbz-brand:#5bb318; --wbz-brand-hover:#4a9410;
  --wbz-action:var(--wbz-brand); --wbz-action-hover:var(--wbz-brand-hover); --wbz-action-ink:#fff;
  --wbz-acc:var(--wbz-brand); --wbz-acc-d:var(--wbz-brand-hover); --wbz-acc-ink:var(--wbz-action-ink); --wbz-tint:#eef7e3;
  --wbz-ink:#12181f; --wbz-ink2:#414b59; --wbz-mut:#667085; --wbz-head:var(--wbz-ink);
  --wbz-bg:#f5f7f9; --wbz-bg2:#f0f3f6; --wbz-surface:#fff; --wbz-line:#e5e9ef; --wbz-line-strong:#d5dbe4;
  --wbz-gold:#e99b00; --wbz-green:#168a43; --wbz-red:#d94242;
  --wbz-a:var(--wbz-acc); --wbz-a-d:var(--wbz-acc-d);
  --wbz-glow:rgba(91,179,24,.20); --wbz-glow2:rgba(91,179,24,.10); --wbz-logo-mute:#c9d1dc;
  --wbz-radius-sm:8px; --wbz-radius-md:12px; --wbz-radius-lg:16px; --wbz-radius-xl:20px; --wbz-radius-pill:999px;
  --wbz-shadow-xs:0 1px 2px rgba(15,23,42,.04); --wbz-shadow-sm:0 4px 12px rgba(15,23,42,.05); --wbz-shadow-md:0 10px 28px rgba(15,23,42,.08); --wbz-shadow-lg:0 24px 60px rgba(15,23,42,.14);
  --wbz-space-1:4px; --wbz-space-2:8px; --wbz-space-3:12px; --wbz-space-4:16px; --wbz-space-5:20px; --wbz-space-6:24px; --wbz-space-8:32px; --wbz-space-10:40px; --wbz-space-12:48px; --wbz-space-16:64px; --wbz-space-20:80px;
  --wbz-container:1080px; --wbz-page-gutter:48px; --wbz-section-gap:64px; --wbz-section-gap-compact:48px; --wbz-reading-width:760px; --wbz-control-sm:36px; --wbz-control-md:44px; --wbz-control-lg:48px; --wbz-icon-sm:16px; --wbz-icon-md:20px; --wbz-icon-lg:24px;
  --wbz-focus-ring:0 0 0 2px rgba(91,179,24,.20);
}
html[data-theme="dark"]{
  --wbz-brand:#c6f04a; --wbz-brand-hover:#b4e02f; --wbz-action:#c6f04a; --wbz-action-hover:#b4e02f; --wbz-action-ink:#141f08;
  --wbz-acc:var(--wbz-brand); --wbz-acc-d:var(--wbz-brand-hover); --wbz-acc-ink:var(--wbz-action-ink); --wbz-tint:#212e18;
  --wbz-ink:#e8ecf1; --wbz-ink2:#b4bdca; --wbz-mut:#aab4c2; --wbz-head:#eaf0f6;
  --wbz-bg:#0e1116; --wbz-bg2:#171c24; --wbz-surface:#171c24; --wbz-line:#28303b; --wbz-line-strong:#37414e;
  --wbz-gold:#f5b62a; --wbz-green:#40c06c; --wbz-red:#ef5f5e;
  --wbz-glow:rgba(198,240,74,.14); --wbz-glow2:rgba(198,240,74,.07); --wbz-logo-mute:#3b4655;
}

@media(max-width:700px){:root{--wbz-page-gutter:32px;--wbz-section-gap:48px;--wbz-section-gap-compact:40px}}