/* Дизайн-система СакМайКвиз: токены shadcn/ui (тёмная zinc) для студии и каталога слайдов. Компоненты — в admin.html, слайды — tvq-screens.css со своими токенами на .stage.
   Правило: число или цвет в правиле CSS — ошибка, нужен токен отсюда (кроме брейкпоинтов в @media и структурных grid-row). */
:root { --background:240 10% 3.9%; --foreground:0 0% 98%; --card:240 10% 3.9%; --popover:240 10% 3.9%; --primary:0 0% 98%; --primary-foreground:240 5.9% 10%; --secondary:240 3.7% 15.9%; --secondary-foreground:0 0% 98%; --muted:240 3.7% 15.9%; --muted-foreground:240 5% 64.9%; --accent:240 3.7% 15.9%; --accent-foreground:0 0% 98%; --destructive:0 62.8% 30.6%; --destructive-foreground:0 0% 98%; --border:240 3.7% 15.9%; --input:240 3.7% 15.9%; --ring:240 4.9% 83.9%; --radius:.5rem; --ok:142 71% 45%; --warn:38 92% 50%;
  /* движение: три длительности, одна кривая, нажатие и подъём — числа в правилах не ставим */
  --dur-1:.16s; --dur-2:.24s; --dur-3:.32s; --ease:cubic-bezier(.22,.61,.36,1); --press:.96; --dur-press:.06s; --lift:-1px; --rise:10px; --rise-sm:3px; --pop:.98; --dur-pulse:2s; --ease-pulse:cubic-bezier(.4,0,.6,1);
  /* размеры — шкала shadcn/Tailwind: --sp-N = N × 4px (px — линия), дробные шаги там, где так в компоненте; шрифт, линии, скругления, тени и раскладка — тоже токенами. Числа в правилах не ставим, кроме брейкпоинтов в @media (переменные туда не подставляются) */
  --sp-px:1px; --sp-0-5:2px; --sp-0-75:3px; --sp-1:4px; --sp-1-25:5px; --sp-1-5:6px; --sp-1-75:7px; --sp-2:8px; --sp-2-5:10px; --sp-3:12px; --sp-3-5:14px; --sp-4:16px; --sp-4-5:18px; --sp-5:20px; --sp-5-5:22px; --sp-6:24px; --sp-6-5:26px; --sp-7:28px; --sp-7-5:30px; --sp-8:32px; --sp-8-5:34px; --sp-9:36px; --sp-10:40px; --sp-11-5:46px; --sp-12:48px; --sp-13:52px; --sp-14:56px; --sp-15:60px; --sp-24:96px; --sp-28:112px;
  --text-2xs:11px; --text-xs:12px; --text-sm:13px; --text-base:14px; --text-md:15px; --text-lg:16px; --text-xl:18px; --text-2xl:20px; --text-3xl:22px; --text-4xl:24px; --text-5xl:28px;
  --border-w:1px; --border-w-strong:2px;
  --radius-sm:calc(var(--radius) - 4px); --radius-inner:calc(var(--radius) - 3px); --radius-md:calc(var(--radius) - 2px); --radius-xl:calc(var(--radius) + 4px); --radius-full:999px;
  --shadow-xs:0 1px 2px rgb(0 0 0 / .2); --shadow-sm:0 1px 2px rgb(0 0 0 / .3); --shadow-md:0 8px 24px rgb(0 0 0 / .4); --shadow-lg:0 10px 40px rgb(0 0 0 / .5); --shadow-drawer:-12px 0 32px rgb(0 0 0 / .5); --cover:inset 0 0 0 100vmax;
  --h-bar:52px; --brand-h:23px; --brand-h-lg:31px; --brand-w:162px; --w-left:270px; --w-right:390px; --w-left-xl:290px; --w-right-xl:430px; --w-drawer:430px; --stage-w:1280px; --stage-h:720px; --container-sm:384px; --w-dialog:440px; --w-dialog-lg:820px; --w-profile:860px; --w-user:240px; --w-card-min:240px; --w-search:180px; --w-menu:220px; --w-tabs:464px; --h-card:118px; --h-img:300px; --h-fontmenu:420px; --h-wave:90px;
  /* цвета вне палитры shadcn: текст ошибки, фон рабочей области, колодцы (волна, список select), кадр слайда, затемнение под окном */
  --danger:0 84% 60%; --danger-soft:0 84% 70%; --canvas:240 10% 2.5%; --well:240 10% 6%; --frame:0 0% 0%; --overlay:0 0% 0% / .8; --wave-bg:240 6% 6%; --wave-bar:240 3% 25%; --wave-sel:0 0% 98% / .18; --wave-empty:0 0% 33%; --wave-text:240 3% 57%;
  /* шрифт: семейство, насыщенность, интерлиньяж, разрядка */
  --font-sans:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --weight-normal:400; --weight-medium:500; --weight-semibold:600;
  --leading-none:1; --leading-tight:1.2; --leading-snug:1.4; --leading-text:1.43; --leading-body:1.45; --leading-normal:1.5; --leading-relaxed:1.625;
  --tracking-tight:-.01em; --tracking-caps:.08em; --tracking-caps-sm:.06em; --tracking-caps-xs:.04em;
  /* прозрачность: состояния и полупрозрачные подложки */
  --op-hover:.85; --op-soft:.75; --op-idle:.6; --op-disabled:.5; --op-drag:.4; --a-press:.9; --a-dim:.8; --a-placeholder:.7; --a-half:.5; --a-track:.2; --a-tint:.15;
  /* слои и пропорции */
  --z-raised:1; --z-drawer:5; --z-dialog:20; --z-menu:30; --z-popover:40; --z-login:60; --ratio-frame:16 / 9; --dlg-top:18vh; --sk-w1:40%; --sk-w2:60%; --sk-w3:80%; --sp-20:80px; --w-page:1400px; --w-lead:900px; --w-sys-min:280px; --w-slide-min:420px; }