/* Semantic source of truth: Timur guidebook scale. */
:root{
  /* — INK (чернила, текст) — */
  --ink:#10131c;        /* основной текст, заголовки */
  --ink2:#545a6b;       /* вторичный текст, подписи */
  --ink3:#8a90a2;       /* третичный, плейсхолдеры, мета */
  --ink-inv:#ffffff;    /* текст на цветной плашке */

  /* — BRAND / ACCENT (градиентные пары: from → to) — */
  --blue-1:#1e82e0;  --blue-2:#1c38ea;       /* primary */
  --violet-1:#9a6cff; --violet-2:#5b34e6;
  --emerald-1:#2ec896; --emerald-2:#108c6e;
  --amber-1:#ffb43d; --amber-2:#f0820a;
  --pink:#e0399a;
  --accent:#1c38ea;  /* плоский акцент для бордеров/текста-ссылок */

  /* — SEMANTIC (статусы) — */
  --info:#1e82e0; --success:#108c6e; --warn:#f0820a; --danger:#e0399a;

  /* — SURFACE / линии / стекло — */
  --bg:#f4f5f9;                     /* фон страницы */
  --surface:#ffffff;                /* непрозрачная поверхность */
  --line:rgba(16,19,28,.08);        /* единственная допустимая «обводка» */
  --line-strong:rgba(16,19,28,.14);
  --glass:rgba(255,255,255,.55);    /* frosted-стекло база */
  --glass-2:rgba(255,255,255,.42);

  /* — ТИПОШКАЛА (size / weight / tracking / leading) — */
  --font-display:'Onest',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
  --fs-display:clamp(40px,8vw,84px);
  --fs-h1:clamp(30px,5vw,52px);
  --fs-h2:30px;
  --fs-h3:22px;
  --fs-body-lg:18px;
  --fs-body:16px;
  --fs-caption:13px;
  --fs-overline:12px;
  --lh-tight:.95;  --lh-snug:1.1;  --lh-base:1.55;
  --tr-display:-.045em; --tr-head:-.025em; --tr-base:0; --tr-overline:.22em;

  /* — SPACING (шкала 4-base) — */
  --sp-1:4px;  --sp-2:8px;  --sp-3:12px; --sp-4:16px;
  --sp-6:24px; --sp-8:32px; --sp-12:48px; --sp-16:64px; --sp-24:96px;

  /* — RADIUS — */
  --r-xs:6px; --r-sm:10px; --r-md:14px; --r-lg:18px; --r-xl:24px; --r-2xl:36px; --r-pill:9999px;

  /* — ELEVATION / shadow — */
  --el-1:0 4px 16px rgba(20,24,40,.08);
  --el-2:0 12px 40px rgba(20,24,40,.07);
  --el-3:0 24px 60px -30px rgba(28,56,234,.40);
  /* glossy «капля» — load-bearing, НЕ упрощать */
  --gloss-blue:radial-gradient(101.79% 101.79% at 65.61% 81.79%, rgba(255,255,255,.6) 0%, rgba(255,255,255,0) 100%),radial-gradient(114.65% 114.65% at 9.73% 17.27%, var(--blue-1) 0%, var(--blue-2) 100%);
  --gloss-shadow:rgba(148,172,243,.4) 20px 20px 24px 0,rgba(191,229,251,.4) -3px -3px 4px 0 inset,rgba(19,26,228,.1) 4px 4px 4px 0 inset;

  /* — Z-INDEX — */
  --z-base:1; --z-dropdown:100; --z-sticky:200; --z-overlay:900; --z-modal:1000; --z-toast:1100;

  /* — MOTION — */
  --dur-fast:.16s; --dur-base:.24s; --dur-slow:.4s;
  --ease:cubic-bezier(.22,.61,.36,1); --ease-out:ease-out;
}

:root.theme-dark {
 --blue-1:#286ba6; --blue-2:#283da8;
 --violet-1:#8056c9; --violet-2:#5435ae;
 --emerald-1:#219870; --emerald-2:#13745c;
 --amber-1:#ae792a; --amber-2:#8e520d; --pink:#ba337e;
 --gloss-blue:radial-gradient(101.79% 101.79% at 65.61% 81.79%, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 100%),radial-gradient(114.65% 114.65% at 9.73% 17.27%, var(--blue-1) 0%, var(--blue-2) 100%);
 --ink:#e6e9f2; --ink2:#b1b8cc; --ink3:#8f99b2; --ink-inv:#ffffff;
 --bg:#181c29; --surface:#242a3b;
 --line:rgba(218,229,255,.10); --line-strong:rgba(218,229,255,.20);
 --glass:rgba(36,42,59,.65); --glass-2:rgba(36,42,59,.42);
 --accent:#91a9ff; --info:#8bbbf0; --success:#75cbb0; --warn:#cf9b53; --danger:#ee93c4;
 --el-1:0 4px 16px rgba(0,0,0,.16); --el-2:0 12px 40px rgba(0,0,0,.20);
 --el-3:0 24px 60px -30px rgba(0,0,0,.40);
 --gloss-shadow:rgba(0,0,0,.24) 20px 20px 24px 0,rgba(191,229,251,.14) -3px -3px 4px 0 inset,rgba(19,26,228,.1) 4px 4px 4px 0 inset;
}