/* tokens.css — светлая, тёмная, движение (spec/DESIGN.md §6, как есть).
   Шрифты: самохост web/fonts/ (Golos Text, JetBrains Mono — OFL), вариативные, по два файла на семейство. */
@font-face{font-family:"Golos Text";src:url(/static/fonts/golos-cyrillic.woff2) format("woff2");font-weight:400 700;font-display:swap;
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos Text";src:url(/static/fonts/golos-latin.woff2) format("woff2");font-weight:400 700;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212,U+2215,U+20BD,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";src:url(/static/fonts/jbmono-cyrillic.woff2) format("woff2");font-weight:400 600;font-display:swap;
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"JetBrains Mono";src:url(/static/fonts/jbmono-latin.woff2) format("woff2");font-weight:400 600;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212,U+2215,U+20BD,U+FEFF,U+FFFD}
:root{
  --font:"Golos Text",-apple-system,system-ui,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --fs-11:11px;--fs-13:13px;--fs-15:15px;--fs-16:16px;--fs-17:17px;--fs-22:22px;--fs-28:28px;
  --lh-tight:1.2;--lh-ui:1.35;--lh-read:1.55;
  --fw-r:400;--fw-m:500;--fw-s:600;
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;
  --r-xs:6px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-pill:999px;
  --hair:0.5px;--row-h:56px;--row-h-touch:64px;--bar-h:52px;--tap:44px;--gutter:20px;
  --col-boxes:240px;--col-list:360px;--measure:65ch;--field-h:36px;--field-h-touch:44px;
  --canvas:#FBFAF8;--surface:#FFFFFF;--surface-2:#F4F3F1;--surface-3:#ECEBE8;
  --ink:#1C1C1E;--ink-2:#6A6A70;--ink-3:#A3A3A8;
  --line:rgba(0,0,0,.08);--line-strong:rgba(0,0,0,.14);
  --accent:#3561D9;--accent-ink:#FFFFFF;--accent-soft:rgba(53,97,217,.10);--accent-press:#2E55C2;
  --selected:rgba(53,97,217,.08);--hover:rgba(0,0,0,.035);--dim:rgba(251,250,248,.72);
  --ok:#2E8B57;--warn:#9A7212;--danger:#C73E3A;
  --box-yandex:#2A8C86;--box-twinfo:#4F9A4A;--box-mailru:#C77A3C;--box-twbuh:#8A6BD6;--box-twstatumen:#C85C8E;--box-other:#6B7280;
  --shadow-ring:0 0 0 var(--hair) rgba(0,0,0,.08);
  --shadow-1:var(--shadow-ring),0 1px 2px rgba(0,0,0,.05);
  --shadow-2:var(--shadow-ring),0 8px 24px rgba(0,0,0,.10);
  --shadow-3:var(--shadow-ring),0 24px 64px rgba(0,0,0,.18);
  --glass:rgba(251,250,248,.82);--blur:blur(20px) saturate(180%);
  --glass-bar:rgba(251,250,248,.92);   /* панели над 15/600: .82 слишком прозрачно (приёмка R1, визуал 2) */
  --dot:var(--accent);                 /* точка «не прочитано» */
  --html-dim:none;
  --m-instant:80ms;--m-fast:160ms;--m-base:240ms;--m-slow:320ms;--m-reveal:400ms;
  --ease-out:cubic-bezier(.2,.7,.2,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-inout:cubic-bezier(.45,0,.15,1);
  --spring:linear(0,.22 8%,.6 18%,.92 30%,1.05 42%,1.02 55%,.995 70%,1);
  --spring-fallback:cubic-bezier(.34,1.3,.64,1);
  --swipe-reveal:72px;--swipe-full:50%;--swipe-resist:.35;--edge-commit:35%;--velocity-commit:.6;
  --ptr-threshold:64px;--ptr-resist:.5;--ptr-min-spin:400ms;
  --longpress:400ms;--undo-ms:5000;--idle-dim-ms:60000;--idle-out-ms:600000;
  --press-scale:.97;--snap-scale:1.18;--parallax:.3;--parallax-shift:-24px;
  --list-dim:.92;--toast-rise:12px;--box-shift:8px;--zero-rise:8px;
  color-scheme:light dark;
}
@media (prefers-color-scheme:dark){:root{
  --canvas:#141416;--surface:#1A1A1C;--surface-2:#232326;--surface-3:#2C2C30;
  --ink:#E8E8EC;--ink-2:#9A9AA0;--ink-3:#626268;
  --line:rgba(255,255,255,.08);--line-strong:rgba(255,255,255,.14);
  --accent:#6B8CFF;--accent-ink:#0F0F10;--accent-soft:rgba(107,140,255,.14);--accent-press:#5A7BEF;
  --selected:rgba(107,140,255,.12);--hover:rgba(255,255,255,.05);--dim:rgba(20,20,22,.72);
  --ok:#4CC07A;--warn:#D9A441;--danger:#E0605C;
  --box-yandex:#45B3AC;--box-twinfo:#6FC06A;--box-mailru:#E09662;--box-twbuh:#AE94F2;--box-twstatumen:#E283B0;--box-other:#9AA0A8;
  --shadow-ring:0 0 0 var(--hair) rgba(255,255,255,.08);
  --shadow-1:var(--shadow-ring),0 1px 2px rgba(0,0,0,.4);
  --shadow-2:var(--shadow-ring),0 8px 24px rgba(0,0,0,.5);
  --shadow-3:var(--shadow-ring),0 24px 64px rgba(0,0,0,.6);
  --glass:rgba(26,26,28,.78);--glass-bar:rgba(26,26,28,.90);
  --dot:#5A7BE0;                       /* приглушена на ~15 % против акцента: столбик точек на тёмном не «звенит» */
  --html-dim:brightness(.86);
}}
@supports not (animation-timing-function:linear(0,1)){:root{--spring:var(--spring-fallback)}}
@media (prefers-reduced-motion:reduce){:root{
  --m-instant:0ms;--m-fast:100ms;--m-base:100ms;--m-slow:100ms;--m-reveal:0ms;
  --press-scale:1;--snap-scale:1;--parallax:0;--parallax-shift:0px;
  --toast-rise:0px;--box-shift:0px;--zero-rise:0px;--spring:linear;
}}
html{font-family:var(--font);font-size:var(--fs-15);line-height:var(--lh-ui);color:var(--ink);background:var(--canvas);
  -webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-feature-settings:"tnum" 0}
.tnum,time,.mono{font-feature-settings:"tnum" 1}.mono{font-family:var(--mono)}
.html-frame{filter:var(--html-dim)}