/* dr-stankov v3 — Design Tokens (.vs-* system) · premium dark-luxury */
:root{
  /* Surfaces — warm layered charcoal (НЕ pure black) */
  --vs-bg:#0b0a0c; --vs-s1:#161410; --vs-s2:#1f1c17; --vs-s3:#2a261f;
  --vs-hair:rgba(220,185,120,.16); --vs-border:rgba(255,255,255,.06); --vs-scrim:rgba(10,9,11,.74);
  /* Text — warm off-white */
  --vs-tx:#f6f2e9; --vs-tx-mut:#b8b09f; --vs-tx-dim:#857d6c;
  /* Gold — warm champagne / bronze (richer than before) */
  --vs-gold:#dcb878; --vs-gold-deep:#b8893f; --vs-gold-soft:rgba(220,185,120,.12); --vs-on-gold:#241808;
  --vs-grad-gold:linear-gradient(135deg,#f3dca0 0%,#dcb878 46%,#b8893f 100%);
  --vs-grad-glow:radial-gradient(60% 60% at 68% 36%,rgba(220,185,120,.20),transparent 64%);
  /* --- Alpha bases (skinnable via *-rgb) — let scrims/glows/shadows recolor per skin --- */
  --vs-bg-rgb:11,10,12; --vs-gold-rgb:220,185,120; --vs-gold-deep-rgb:184,137,63; --vs-shadow-rgb:0,0,0;
  /* --- Composite themable surfaces (structure differs per skin, so promoted to tokens) --- */
  --vs-app-wash:radial-gradient(130% 70% at 50% -12%,rgba(220,185,120,.05),transparent 52%),radial-gradient(150% 95% at 50% 118%,rgba(0,0,0,.55),transparent 58%);
  --vs-hero-bg:radial-gradient(120% 80% at 50% 26%,rgba(220,185,120,.16),transparent 56%),radial-gradient(90% 70% at 50% 100%,rgba(220,185,120,.05),transparent 60%),linear-gradient(178deg,#18140f 0%,#100e0b 52%,var(--vs-bg) 100%);
  --vs-book-wash:linear-gradient(158deg,rgba(42,38,31,.65),var(--vs-s1));
  --vs-cover-bg:linear-gradient(150deg,#262219 0%,#16130d 58%,#0d0b07 100%);
  --vs-cover-sh:-9px 12px 28px rgba(0,0,0,.62),-3px 4px 9px rgba(0,0,0,.5);
  --vs-cover-sh-lg:-10px 20px 50px rgba(0,0,0,.62),-3px 6px 14px rgba(0,0,0,.5);
  --vs-cover-spine:linear-gradient(90deg,rgba(0,0,0,.55),rgba(255,255,255,.06));
  --vs-map-bg:radial-gradient(circle at 50% 38%,#17130a,#0c0b08);
  --vs-chip-bg:rgba(20,20,24,.45); --vs-grain-op:.045;
  --vs-chip-glow:0 0 18px rgba(var(--vs-gold-rgb),.1); --vs-chip-glow-str:0 0 26px rgba(var(--vs-gold-rgb),.2);
  /* Type */
  --vs-serif:"Playfair Display",Georgia,"Times New Roman",serif;
  --vs-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --vs-fs-display:clamp(2.3rem,9vw,3.2rem); --vs-fs-h1:clamp(1.9rem,7vw,2.5rem);
  --vs-fs-h2:1.55rem; --vs-fs-h3:1.2rem; --vs-fs-body:1.02rem; --vs-fs-sm:.9rem; --vs-fs-xs:.76rem;
  --vs-tracking-eyebrow:.24em; --vs-leading:1.62;
  /* Spacing */
  --vs-1:4px; --vs-2:8px; --vs-3:12px; --vs-4:16px; --vs-5:20px; --vs-6:24px; --vs-7:28px; --vs-8:32px; --vs-10:40px; --vs-12:48px; --vs-16:64px;
  /* Radii */
  --vs-r-sm:10px; --vs-r:16px; --vs-r-lg:22px; --vs-r-xl:30px; --vs-r-pill:999px;
  /* Shadows — layered depth + lit-from-above + gold */
  --vs-sh-1:0 1px 1px rgba(0,0,0,.4),0 6px 16px rgba(0,0,0,.34),0 14px 36px rgba(0,0,0,.32);
  --vs-sh-2:0 2px 4px rgba(0,0,0,.5),0 14px 32px rgba(0,0,0,.46),0 34px 70px rgba(0,0,0,.55);
  --vs-sh-gold:0 10px 30px rgba(184,137,63,.34),0 2px 10px rgba(184,137,63,.26);
  --vs-inset-hi:inset 0 1px 0 rgba(255,255,255,.07);
  /* Motion */
  --vs-ease:cubic-bezier(.22,1,.36,1); --vs-ease-spring:cubic-bezier(.34,1.56,.64,1);
  --vs-t-fast:150ms; --vs-t:240ms; --vs-t-slow:440ms;
  /* Layout — responsive */
  --vs-maxw-mobile:560px; --vs-maxw-content:1140px; --vs-pad:20px;
  --vs-topbar-h:60px; --vs-tabbar-h:64px;
  --vs-z-grain:1; --vs-z-nav:50; --vs-z-sheet:80; --vs-z-modal:100;
  --vs-safe-top:env(safe-area-inset-top,0px); --vs-safe-bot:env(safe-area-inset-bottom,0px);
}