/* AI IN CASH — WARM BRAND DESIGN TOKENS (утв. sample 2026-08-12)
   Цвета — из финального логотипа/брендбука (content/brand_assets, BRANDBOOK.md) + тёплый UI из sample.
   Рабочие имена классов сохранены; компоненты — components.css. Шрифты — fonts.css (self-host).
   Заменяет STAGE19-эмеральд/индиго на фирменный оливково-зелёный + тёплый кремовый фон. */

:root{
  /* — Бренд-зелёный (из логотипа) — */
  --brand-600:#7E9213;   /* PRIMARY: кнопки, CTA, ссылки, активные, номера этапов, системный зелёный */
  --brand-700:#5E6E10;   /* hover primary (тёмный производный) */
  --brand-800:#4E5A0E;   /* active / самый тёмный */
  /* — Доступность (WCAG AA, 2026-09-05): те же оттенки, чуть темнее — только там, где цвет несёт текст — */
  --brand-cta:#6B7C0F;   /* фон кнопок/CTA/активных чипсов с белым текстом: 4.65:1 (было #7E9213 — 3.5:1) */
  --link:#65740F;        /* цвет текстовых ссылок на кремовом фоне: 4.6–4.9:1 (было #7E9213 — 3.1–3.3:1) */
  --price:#A8500F;       /* цена и бейдж «Скоро»: 5.2:1 на карточке (было #E28236 — 2.66:1) */
  --brand-50:#EEF2D9;    /* мягкий зелёный тон (фон secondary-hover, бейджи) */
  --lime:#BFCF37;        /* лицо букв логотипа — ТОЛЬКО логотип/крупные акценты (на белом как текст нечитаем) */
  --lime-light:#C5D644;  /* свет логотипа */

  /* — Тёплый UI (из утверждённого sample) — */
  --canvas:#FEF4E8;         /* фон страницы (тёплый кремовый) */
  --canvas-alt:#FEF5E8;
  --surface:#FEF7ED;        /* светлая поверхность/подложки */
  --section-warm:#FBF0E1;   /* тёплая секция-полоса */
  --card:#FDF8F0;           /* карточка (бело-кремовая) */
  --card-plain:#FBFAF5;
  --white:#FFFFFF;

  /* — Чернила / нейтральные (брендбук) — */
  --ink-900:#14181F; --ink-700:#2F3742; --ink-500:#5B6472; --hairline:#E6E9EE;

  /* — Тёплые акценты (ДОП. цвет: 3D/иконки/мелочь; НЕ главный CTA) — */
  --amber:#FEC552; --orange:#E28236; --cash-500:#E28236;
  --success:#7E9213; --warning:#E28236; --error:#F04438; --info:#2E90FA;
  --focus-ring:rgba(126,146,19,.38);

  /* — Типографика — */
  --font-display:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --font-text:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --fs-display:2.25rem; --fs-h1:1.875rem; --fs-h2:1.5rem; --fs-h3:1.25rem;
  --fs-body-lg:1.125rem; --fs-body:1rem; --fs-sm:.875rem; --fs-label:.75rem; --lh-body:1.6;

  /* — Spacing (4px) — */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px;
  --sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-16:64px;

  /* — Радиусы (округлые, уютные) — */
  --r-xs:8px; --r-sm:12px; --r-md:16px; --r-lg:20px; --r-xl:28px; --r-pill:999px;

  /* — Тени Soft-3D (тёплые, деликатные) — */
  --sh-1:0 1px 2px rgba(80,60,30,.06),0 1px 3px rgba(80,60,30,.10);
  --sh-2:0 4px 10px -2px rgba(80,60,30,.10),0 2px 6px -2px rgba(80,60,30,.06);
  --sh-3:0 14px 30px -8px rgba(80,60,30,.16);
  --sh-inset:inset 2px 2px 6px rgba(80,60,30,.10),inset -2px -2px 6px rgba(255,255,255,.75);
  --glow-brand:0 8px 20px -6px rgba(126,146,19,.40);

  /* — Motion / z / контейнер — */
  --ease:cubic-bezier(.2,.8,.2,1); --dur-fast:150ms; --dur:220ms;
  --z-header:100; --z-dropdown:200; --z-modal:1000; --z-toast:1100;
  --container:1200px; --gutter:16px;
}

@media (min-width:768px){ :root{ --gutter:24px; --fs-display:2.75rem; --fs-h1:2.25rem; } }

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--canvas);color:var(--ink-700);
  font-family:var(--font-text);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
h1,h2,h3{font-family:var(--font-display);color:var(--ink-900);margin:0 0 var(--sp-3)}
h1{font-size:var(--fs-h1);font-weight:800;line-height:1.2}
h2{font-size:var(--fs-h2);font-weight:700;line-height:1.25}
h3{font-size:var(--fs-h3);font-weight:600;line-height:1.3}
.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--brand-cta);outline-offset:2px;border-radius:var(--r-sm);box-shadow:0 0 0 4px var(--focus-ring)}  /* WCAG 2026-09-05: видимый контрастный фокус */