/* ЭлектроХод — токены дизайн-системы (ДИЗАЙН-СИСТЕМА.md, раздел 1).
   Подключается первым на каждой экранной HTML-странице (Core\HtmlLayout).
   Имена и значения — ровно из документа. Блок «дополнения к 2.2» — буквальные значения
   раздела 2.2, заведённые по решению Варни от 08.10.2026 (рамки, межстрочные, отступы кнопок, блик).
   Адаптивные значения — тем же именем в :root внутри @media; пороги — только 640 / 1024 (п. 1.8). */
:root{
  /* 1.1 Основная палитра */
  --bg:#0c0d10;
  --bg-alt:#121419;
  --card:#171a21;
  --card-2:#1c2029;
  --border:#252a34;
  --border-strong:#303640;
  --text:#eef1f6;
  --text-soft:#dce3ed;
  --text-2:#b9c4d4;
  --muted:#9aa3b2;
  --accent:#2f8bff;
  --accent-2:#1e6fe0;
  --accent-deep:#1a62c5;
  --on-accent:#ffffff;

  /* 1.2 Смысловые цвета */
  --ok:#5fe093;
  --ok-bg:rgba(46,204,113,.16);
  --err:#ff8a8d;
  --err-bg:rgba(229,72,77,.16);
  --warn:#ffc04d;
  --warn-bg:rgba(255,176,32,.16);
  --info:#7fb4ff;
  --info-bg:rgba(47,139,255,.16);
  --err-fill:#d63c41;
  --warn-fill:#ffb020;
  --plate-err-bg:#43242a;
  --plate-err-line:rgba(229,72,77,.45);
  --plate-dup-bg:#2a2f1f;
  --plate-dup-line:#6b6a2c;
  --plate-dup-text:#f1ecc4;
  --plate-note-bg:#1d2d22;
  --plate-note-line:#2f5a3a;
  --plate-note-text:#cfe9d5;

  /* 1.3 Подсветки, градиенты, затемнение */
  --hover:rgba(255,255,255,.06);
  --pair-divider:rgba(255,255,255,.22);
  --accent-line:rgba(47,139,255,.55);
  --icon-bg:linear-gradient(135deg, rgba(47,139,255,.18), rgba(30,111,224,.08));
  --icon-line:rgba(47,139,255,.28);
  --shine:rgba(255,255,255,.33);
  --grad-btn:linear-gradient(135deg, #1e6fe0, #1a62c5);
  --grad-card:linear-gradient(180deg, #1c2029, #171a21);
  --grad-stripe:linear-gradient(90deg, #2f8bff, #1e6fe0);
  --backdrop:rgba(6,7,10,.72);
  --backdrop-blur:4px;
  --accent-a5:rgba(47,139,255,.05);
  --accent-a12:rgba(47,139,255,.12);
  --accent-a40:rgba(47,139,255,.4);
  --white-a2:rgba(255,255,255,.02);
  --white-a14:rgba(255,255,255,.14);

  /* 1.4 Шрифт */
  --font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, Arial, sans-serif;
  --font-mono:ui-monospace, Menlo, Consolas, monospace;
  --lh:1.55;
  --fw-regular:400;
  --fw-medium:500;
  --fw-semibold:600;
  --fw-name:650;
  --fw-bold:700;
  --fw-black:800;
  --fs-hero:clamp(34px, 5vw, 60px);
  --fs-h2:clamp(26px, 3.4vw, 38px);
  --fs-panel:23px;
  --fs-win:24px;
  --fs-h3:20px;
  --fs-h4:18px;
  --fs-lead:18px;
  --fs-sub:17px;
  --fs-body:16px;
  --fs-sm:15px;
  --fs-ui:14px;
  --fs-xs:13px;
  --fs-fine:12.5px;
  --fs-2xs:12px;
  --fs-badge:11px;

  /* 1.5 Отступы и размеры */
  --sp-4:4px;
  --sp-6:6px;
  --sp-8:8px;
  --sp-10:10px;
  --sp-12:12px;
  --sp-14:14px;
  --sp-16:16px;
  --sp-18:18px;
  --sp-20:20px;
  --sp-22:22px;
  --sp-24:24px;
  --sp-26:26px;
  --sp-28:28px;
  --sp-40:40px;
  --maxw:1140px;
  --gutter:20px;
  --section-y:72px;
  --hero-pad:84px 20px 76px;
  --admin-maxw:1200px;
  --admin-pad:24px 34px 80px;
  --sidebar-w:232px;
  --header-h:115px;
  --btn-h:48px;
  --btn-sm-h:45px;
  --row-btn-h:33px;
  --field-h:46px;
  --tap:44px;
  --pair-maxw:520px;
  --win-sm:380px;
  --win-md:560px;
  --win-lg:800px;
  --drawer-w:min(340px, 90vw);
  --card-pad:26px 22px;
  --form-pad:28px;
  --toast-bottom:24px;
  --toast-maxw:420px;
  --close-size:44px;
  --close-glyph:26px;
  --close-inset:22px;
  --sheet-maxh:90dvh;

  /* 1.6 Скругления */
  --r-sm:8px;
  --r-md:12px;
  --r-lg:16px;
  --r-pill:999px;
  --r-pair:12px;

  /* 1.7 Тени, фокус, слои, движение */
  --sh-window:0 30px 80px rgba(0,0,0,.6);
  --sh-pop:0 16px 44px rgba(0,0,0,.55);
  --sh-card-hover:0 18px 40px -18px rgba(47,139,255,.55);
  --sh-btn-hover:0 12px 26px -10px rgba(47,139,255,.55);
  --sh-toast:0 12px 40px rgba(0,0,0,.5);
  --focus-color:#7fb4ff;
  --focus-width:3px;
  --focus-offset:3px;
  --z-header:120;
  --z-drawer-shade:121;
  --z-drawer:122;
  --z-window:200;
  --z-toast:300;
  --t-fast:150ms;
  --t-btn:180ms;
  --t-drawer:200ms;
  --t-card:350ms;
  --ease-card:cubic-bezier(.2,.7,.3,1);
  --t-card-stripe:450ms;
  --t-shine:850ms;
  --toast-time:1800ms;
  --win-shift:12px;

  /* Дополнения к 2.2 (решение Варни 08.10.2026): буквальные значения раздела 2.2 */
  --bw:1px;
  --bw-strong:1.5px;
  --lh-hero:1.05;
  --lh-h2:1.55;
  --lh-panel:1.3;
  --lh-win:1.55;
  --lh-h3:31px;
  --lh-h4:27.9px;
  --lh-lead:27.9px;
  --lh-sub:26.35px;
  --lh-body:24.8px;
  --lh-sm:23.25px;
  --lh-ui:21.7px;
  --lh-xs:20.15px;
  --lh-fine:19.375px;
  --lh-2xs:18.6px;
  --lh-badge:11px;
  --lh-btn:18px;
  --lh-btn-sm:23px;
  --lh-rowbtn:13px;
  --btn-pad-y:14px;
  --btn-pad-x:24px;
  --btn-sm-pad-y:10px;
  --btn-sm-pad-x:18px;
  --rowbtn-pad-y:9px;
  --rowbtn-pad-x:13px;
  --pair-pad-y:11px;
  --pair-pad-x:18px;
  --pair-flex:1;
  --btn-hover-shift:-1px;
  --shine-w:45%;
  --shine-skew:-20deg;
  --shine-from:-65%;
  --shine-to:140%;
  --shine-angle:120deg;
  --shine-alpha:.33;
}
/* планшет и телефон */
@media(max-width:1024px){
  :root{--hero-pad:56px 20px}
}
/* телефон */
@media(max-width:640px){
  :root{
    --section-y:52px;
    --admin-pad:24px 16px 80px;
    --header-h:69px;
    --fs-panel:20px;
    --toast-maxw:calc(100vw - 32px);
    --close-inset:16px;
    --rowbtn-pad-x:10px;
  }
}

/* Метки 2.4: пять точных имён явно подтверждены Варни. */
:root{--badge-pad-y:3px;--badge-pad-x:11px;--badge-h:28px;--badge-small-pad-y:2px;--badge-small-pad-x:7px}