/* Vroshik showcase - design tokens (direction "The Vault": warm dark, gold light, ember only in art). One dark theme. */
:root{
  color-scheme:dark;
  --vx-bg-0:#0e0b08; --vx-bg-1:#120e0a; --vx-sf-1:#16120d; --vx-sf-2:#1e1912; --vx-sf-3:#28211a;
  --vx-sf-cab:#0f0c09; --vx-scrim:rgba(14,11,8,.86);
  --vx-ln-1:rgba(245,239,230,.07); --vx-ln-2:rgba(245,239,230,.12); --vx-ln-3:rgba(245,239,230,.22);
  --vx-ln-field:#857967; --vx-focus:#f6d58e;
  --vx-ink-1:#f5efe6; --vx-ink-2:#d6ccbd; --vx-ink-3:#b2a795; --vx-ink-4:#8f8472; --vx-ink-on-acc:#1a1206;
  --vx-gold:#e8bc62; --vx-gold-deep:#c98a1e; --vx-gold-txt:#f2d39a; --vx-ember:#f26b1d;
  --vx-acc:#e8bc62; --acc:#e8bc62;
  --vx-acc-soft:color-mix(in srgb,var(--vx-acc) 14%,transparent);
  --vx-acc-glow:color-mix(in srgb,var(--vx-acc) 38%,transparent);
  --vx-acc-ink:color-mix(in srgb,var(--vx-acc) 82%,white);
  --vx-ln-acc:color-mix(in srgb,var(--vx-acc) 45%,transparent);
  --vx-ok:#8bd7a2; --vx-warn:#ff8440; --vx-err:#ff9a8a; --vx-xp:#8ed9df;
  --vx-bronze:#d9925c; --vx-silver:#d3ccc1;
  --vx-rar-common:#a3adc2; --vx-rar-uncommon:#5ccb6a; --vx-rar-rare:#3b9cff; --vx-rar-epic:#b45cff;
  --vx-rar-legendary:#ffc832; --vx-rar-mythic:#ff5a4e;
  --vx-rar-common-txt:#c9d0e0; --vx-rar-uncommon-txt:#8fe39a; --vx-rar-rare-txt:#7dbcff; --vx-rar-epic-txt:#cf94ff;
  --vx-rar-legendary-txt:#ffd966; --vx-rar-mythic-txt:#ff8a80;

  --vx-sp-1:4px; --vx-sp-2:8px; --vx-sp-3:12px; --vx-sp-4:16px; --vx-sp-5:24px; --vx-sp-6:32px; --vx-sp-7:48px; --vx-sp-8:64px;
  --beat:clamp(72px,4.8vw + 52px,144px);
  --gutter:clamp(16px,2vw,32px); --margin:clamp(16px,5vw,80px); --container:1240px; --measure:64ch;
  --vx-r-1:6px; --vx-r-2:10px; --vx-r-3:14px; --vx-r-4:20px; --vx-r-pill:999px;
  --vx-el-1:inset 0 1px 0 rgba(255,255,255,.055),0 6px 18px rgba(0,0,0,.35);
  --vx-el-2:inset 0 1px 0 rgba(255,255,255,.06),0 18px 44px -14px rgba(0,0,0,.7);
  --vx-z-modal:400;

  --vx-d-1:80ms; --vx-d-2:140ms; --vx-d-3:220ms; --vx-d-4:280ms; --vx-d-settle:600ms; --vx-d-cine:900ms;
  --vx-e-out:cubic-bezier(.2,.8,.2,1); --vx-e-in:cubic-bezier(.4,0,1,1);

  --vx-f-serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --vx-f-text:"IBM Plex Sans",system-ui,"Segoe UI",Roboto,sans-serif;
  --vx-f-num:"IBM Plex Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;
  --vx-f-mono:var(--vx-f-num);

  --t-display:clamp(44px,3.6vw + 30px,84px);
  --t-h2:clamp(32px,2.1vw + 23px,54px);
  --t-h3:clamp(19px,.3vw + 18px,22px);
  --t-lede:clamp(18px,.35vw + 16.6px,21px);
  --t-body:clamp(16px,.1vw + 15.6px,17px);
  --t-small:14px; --t-cap:13px; --t-micro:12px;
  --t-num-xl:clamp(30px,1.3vw + 25px,44px);
}
@media (prefers-reduced-motion:reduce){
  :root{--vx-d-1:0ms;--vx-d-2:0ms;--vx-d-3:0ms;--vx-d-4:0ms;--vx-d-settle:0ms;--vx-d-cine:0ms}
}