/* ============================================================
   Довод — design-tokens.css
   Платформа банковских гарантий · AI-first · язык доказательств.
   Ориентиры: Linear, Stripe, Vercel, Mercury.
   Светлая система. Границы вместо теней. Один бирюзовый акцент.
   Load: fonts.css → design-tokens.css → components.css → page CSS
   ============================================================ */

:root{
  /* ── Нейтрали ── */
  --gray-0:#FFFFFF; --gray-25:#FAFBFC; --gray-50:#F5F7F9; --gray-100:#EEF1F4;
  --gray-200:#D8DDE4; --gray-300:#B8C1CC; --gray-400:#8A95A3; --gray-500:#667080;
  --gray-600:#4A5567; --gray-700:#334054; --gray-800:#1E2A3A; --gray-900:#0F1825;

  /* ── Бренд (глубокий бирюзовый) ── */
  --brand-800:#094F57; --brand-700:#0B6E78; --brand-600:#0E8C98; --brand-500:#12A3B0;
  --brand-100:#E0F4F6; --brand-50:#F0FAFB;

  /* ── Статусы ── */
  --status-gray:#8A95A3; --status-amber:#B8860B; --status-blue:#2563EB;
  --status-orange:#C2410C; --status-green:#16794A; --status-red:#B42318; --status-violet:#6D28D9;

  /* ── Доводы ИИ ── */
  --evidence-positive:#16794A; --evidence-negative:#B42318; --evidence-warning:#92610E; --evidence-bg:#F8FAFB;

  /* ── AI-слой ── */
  --ai-accent:#0E8C98; --ai-bg:#F5FBFC; --ai-border:#D4EEF1;

  /* ── Шрифты ── */
  --font-sans:"Inter",system-ui,-apple-system,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace;

  /* ── Размеры (модуль 1.25 / base 16) ── */
  --text-xs:.75rem; --text-sm:.875rem; --text-base:1rem; --text-md:1.125rem;
  --text-lg:1.25rem; --text-xl:1.5625rem; --text-2xl:1.9375rem; --text-3xl:2.4375rem;
  --text-4xl:3.0625rem; --text-5xl:3.8125rem;

  /* ── Интерлиньяж ── */
  --leading-normal:1.5; --leading-snug:1.35; --leading-tight:1.15;

  /* ── Отступы (×4) ── */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px;
  --space-6:24px; --space-8:32px; --space-10:40px; --space-12:48px;
  --space-16:64px; --space-20:80px; --space-24:96px; --space-30:120px;

  /* ── Скругления ── */
  --radius-sm:6px; --radius-md:8px; --radius-lg:12px; --radius-xl:16px; --radius-full:9999px;

  /* ── Тени (только для приподнятых элементов) ── */
  --shadow-sm:0 1px 2px rgba(15,24,37,.05);
  --shadow-md:0 2px 4px rgba(15,24,37,.04),0 4px 12px rgba(15,24,37,.06);
  --shadow-lg:0 4px 8px rgba(15,24,37,.04),0 8px 24px rgba(15,24,37,.08),0 16px 48px rgba(15,24,37,.06);

  /* ── Веса (спека §3.3) ── */
  --font-regular:400; --font-medium:500; --font-semibold:600; --font-bold:700;

  /* ── Границы (спека §7) ── */
  --border-default:1px solid var(--gray-200);
  --border-divider:1px solid var(--gray-100);
  --border-focus:2px solid var(--brand-500);
  --border-error:1px solid var(--status-red);
  --border-ai:1px solid var(--ai-border);
  --shadow-none:none;

  /* ── Движение ── */
  --ease-out:cubic-bezier(.16,1,.3,1); --dur-micro:120ms; --dur-mid:240ms; --dur-long:800ms;
}

/* ── База ── */
*{box-sizing:border-box;margin:0}
html{scrollbar-color:var(--gray-200) transparent}
body{background:var(--gray-50);color:var(--gray-800);font-family:var(--font-sans);
     font-size:var(--text-base);line-height:var(--leading-normal);overflow-x:clip;
     -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
     font-feature-settings:"cv01" 1}
h1,h2,h3,h4{color:var(--gray-900);font-weight:600;line-height:var(--leading-tight);text-wrap:balance}
h1{font-size:var(--text-3xl);letter-spacing:-.02em}
h2{font-size:var(--text-2xl);letter-spacing:-.01em}
h3{font-size:var(--text-xl);letter-spacing:-.01em}
h4{font-size:var(--text-lg);letter-spacing:0}
p{max-width:75ch}
a{color:var(--brand-700);text-decoration:none;text-underline-offset:3px}
a:hover{text-decoration:underline}
.num{font-variant-numeric:tabular-nums}
.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
::selection{background:var(--brand-100);color:var(--gray-900)}
:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px;border-radius:4px}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:99px;border:3px solid var(--gray-50)}

/* ── Утилиты ── */
.wrap{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}
.muted{color:var(--gray-400)}
.grouphead{font-size:var(--text-sm);font-weight:500;color:var(--gray-500);margin-bottom:var(--space-4)}
.eyebrow-none{}/* напоминание: eyebrow-надписи запрещены */

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}