/* ============ THEME2 DESIGN TOKENS — mock token vocabulary ============ */
:root{
  --bg:#FFFFFF;          /* page background (Digikala-style clean white) */
  --bg2:#F4F5F7;         /* cool light surface */
  --ink:#23252B;         /* main text / dark sections */
  --ink2:#7D8087;        /* muted text */
  --accent:#EF394E;      /* Digikala red */
  --accent2:#D71921;     /* deep red — gradients / hover */
  --gold:#F0B429;        /* club-coin gold */
  --line:rgba(35,37,43,.12);
  --line2:rgba(35,37,43,.28);
  --paper:#FFFFFF;
  --r-lg:28px; --r-md:18px; --r-sm:12px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:64px;
  --ff:'Vazirmatn',Tahoma,sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);
  --header-h:72px;
}
/* Dark context: components auto-invert via the same tokens */
.dark{ --bg:#1E2025; --ink:#F6F7F8; --ink2:#9CA1AA; --line:rgba(246,247,248,.15); --line2:rgba(246,247,248,.34); --bg2:#272A31; --paper:#1E2025; background:var(--bg); color:var(--ink); }