/* ═══════════════════════════════════════════════════════════════
   ТОКЕНЫ
   ═══════════════════════════════════════════════════════════════ */
:root{
  --acc:#11415D; --acc-2:#1B5A80; --acc-3:#2F83B4; --on-acc:#FFFFFF;
  --acc-a4:rgba(17,65,93,.05); --acc-a8:rgba(17,65,93,.08); --acc-a12:rgba(17,65,93,.13); --acc-a40:rgba(17,65,93,.38);
  --ink:#16181D; --ink-2:#5F6672; --ink-3:#979DA8;
  --page:#F3F4F6; --surface:#FFFFFF; --raise:#FFFFFF; --fill:#F1F2F5; --fill-2:#E6E8EC;
  --hover:rgba(0,0,0,.035); --hair:rgba(15,23,42,.08); --hair-2:rgba(15,23,42,.14);
  --tint:#EAF3F9; --tint-ink:#25546E; --warn-bg:#FFF6E3; --warn-ink:#7A5E23; --warn-ink-2:#5B4517;
  --ok:#1C8A4C; --ok-bg:#E9F7EF; --red:#E3312E; --red-bg:#FDECEC;
  --ai:#7A4DFF; --ai-2:#B084FF; --ai-a12:rgba(122,77,255,.12); --ai-a30:rgba(122,77,255,.3);
  --sh-1:0 0 0 .5px rgba(15,23,42,.05), 0 1px 2px rgba(15,23,42,.05);
  --sh-2:0 0 0 .5px rgba(15,23,42,.05), 0 2px 6px rgba(15,23,42,.05), 0 14px 34px -18px rgba(15,23,42,.22);
  --sh-pop:0 1px 2px rgba(15,23,42,.06), 0 10px 26px -10px rgba(15,23,42,.22);
  --sh-float:0 2px 6px rgba(15,23,42,.06), 0 24px 60px -24px rgba(15,23,42,.35);
  --navy:#11415D; --cream:#ECE5D5; --tan:#C09E82;
  --e:cubic-bezier(.32,.72,0,1);
  --e-out:cubic-bezier(.16,1,.3,1);
  --e-spring:cubic-bezier(.34,1.4,.64,1);
  --ui:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,"Helvetica Neue",Arial,sans-serif;
  --r-s:9px; --r-m:12px; --r-l:16px; --r-xl:20px;
  color-scheme:light;
}
:root[data-th="night"]{
  --acc:#4C9BD1; --acc-2:#2F6E9B; --acc-3:#7ABBE6; --on-acc:#07131C;
  --acc-a4:rgba(76,155,209,.07); --acc-a8:rgba(76,155,209,.12); --acc-a12:rgba(76,155,209,.2); --acc-a40:rgba(76,155,209,.45);
  --ink:#EDEFF2; --ink-2:#A3ABB6; --ink-3:#737B87;
  --page:#0C0F14; --surface:#141920; --raise:#1C222B; --fill:#1A2028; --fill-2:#242B35;
  --hover:rgba(255,255,255,.05); --hair:rgba(255,255,255,.08); --hair-2:rgba(255,255,255,.14);
  --tint:#15283A; --tint-ink:#9CC6E4; --warn-bg:#2A2314; --warn-ink:#D7BE85; --warn-ink-2:#F0DCAC;
  --ok:#4ADE80; --ok-bg:#12291D; --red:#FF5C59; --red-bg:#331616;
  --ai:#A78BFA; --ai-2:#C4B5FD; --ai-a12:rgba(167,139,250,.14); --ai-a30:rgba(167,139,250,.32);
  --sh-1:0 0 0 .5px rgba(255,255,255,.05), 0 1px 2px rgba(0,0,0,.5);
  --sh-2:0 0 0 .5px rgba(255,255,255,.06), 0 2px 8px rgba(0,0,0,.5), 0 18px 40px -20px rgba(0,0,0,.8);
  --sh-pop:0 2px 6px rgba(0,0,0,.5), 0 12px 28px -10px rgba(0,0,0,.7);
  --sh-float:0 2px 8px rgba(0,0,0,.5), 0 30px 70px -24px rgba(0,0,0,.9);
  color-scheme:dark;
}
:root[data-th="violet"]{
  --acc:#9B6BFF; --acc-2:#6E45C8; --acc-3:#BBA0FF; --on-acc:#0B0714;
  --acc-a4:rgba(155,107,255,.09); --acc-a8:rgba(155,107,255,.14); --acc-a12:rgba(155,107,255,.22); --acc-a40:rgba(155,107,255,.5);
  --ink:#F0EBFA; --ink-2:#A99EC4; --ink-3:#7B7194;
  --page:#08050F; --surface:#120C1E; --raise:#1B1230; --fill:#181026; --fill-2:#241735;
  --hover:rgba(255,255,255,.05); --hair:rgba(255,255,255,.08); --hair-2:rgba(255,255,255,.15);
  --tint:#22143B; --tint-ink:#C6B0F5; --warn-bg:#2C2212; --warn-ink:#DEC08A; --warn-ink-2:#F3DCAE;
  --ok:#5AE0A0; --ok-bg:#122A1F; --red:#FF6B68; --red-bg:#331616;
  --ai:#C4B5FD; --ai-2:#DDD6FE; --ai-a12:rgba(196,181,253,.14); --ai-a30:rgba(196,181,253,.32);
  --sh-1:0 0 0 .5px rgba(255,255,255,.05), 0 1px 2px rgba(0,0,0,.5);
  --sh-2:0 0 0 .5px rgba(255,255,255,.06), 0 2px 8px rgba(0,0,0,.5), 0 18px 40px -20px rgba(0,0,0,.8);
  --sh-pop:0 2px 6px rgba(0,0,0,.5), 0 12px 28px -10px rgba(0,0,0,.7);
  --sh-float:0 2px 8px rgba(0,0,0,.5), 0 30px 70px -24px rgba(0,0,0,.9);
  color-scheme:dark;
}
:root[data-th="crimson"]{
  --acc:#FD2D2A; --acc-2:#B31410; --acc-3:#FF7370; --on-acc:#FFFFFF;
  --acc-a4:rgba(253,45,42,.08); --acc-a8:rgba(253,45,42,.13); --acc-a12:rgba(253,45,42,.2); --acc-a40:rgba(253,45,42,.5);
  --ink:#F5F0EF; --ink-2:#AFA3A2; --ink-3:#7D7271;
  --page:#0A0808; --surface:#141010; --raise:#1D1717; --fill:#1A1414; --fill-2:#261D1D;
  --hover:rgba(255,255,255,.05); --hair:rgba(255,255,255,.08); --hair-2:rgba(255,255,255,.15);
  --tint:#2A1414; --tint-ink:#F0A9A7; --warn-bg:#2B2312; --warn-ink:#DCC08B; --warn-ink-2:#F2DEB0;
  --ok:#4ADE80; --ok-bg:#12291D; --red:#FF6B68; --red-bg:#331616;
  --ai:#FF9A98; --ai-2:#FFC2C1; --ai-a12:rgba(255,154,152,.14); --ai-a30:rgba(255,154,152,.32);
  --sh-1:0 0 0 .5px rgba(255,255,255,.05), 0 1px 2px rgba(0,0,0,.5);
  --sh-2:0 0 0 .5px rgba(255,255,255,.06), 0 2px 8px rgba(0,0,0,.5), 0 18px 40px -20px rgba(0,0,0,.8);
  --sh-pop:0 2px 6px rgba(0,0,0,.5), 0 12px 28px -10px rgba(0,0,0,.7);
  --sh-float:0 2px 8px rgba(0,0,0,.5), 0 30px 70px -24px rgba(0,0,0,.9);
  color-scheme:dark;
}