/* ============================================================
   DESIGN TOKENS
   CSS variables: typography scale, spacing, radii, motion,
   and the dark/light theme color variants.
   ============================================================ */
:root{
  --font-display:'Vazirmatn', Tahoma, sans-serif;
  --font-body:'Vazirmatn', Tahoma, sans-serif;
  --font-mono:'JetBrains Mono', Consolas, monospace;

  --text-xs:.8rem; --text-sm:.925rem; --text-base:1.05rem; --text-md:1.3rem;
  --text-lg:1.65rem; --text-xl:2.05rem; --text-2xl:2.6rem; --text-3xl:3.4rem; --text-4xl:4.2rem;

  --space-1:.5rem; --space-2:1rem; --space-3:1.5rem; --space-4:2rem;
  --space-6:3rem; --space-8:4rem; --space-12:6rem; --space-16:8rem;

  --radius-sm:6px; --radius-md:10px; --radius-lg:16px;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-in-out:cubic-bezier(.65,0,.35,1);
  --dur-fast:150ms; --dur-med:420ms;
  --container:1240px;
}
html[data-theme="dark"]{
  --bg-0:#0D1013; --bg-1:#151920; --bg-2:#1D222B; --bg-3:#272D38;
  --fg-0:#EDEBE6; --fg-1:#A7ACB6; --fg-2:#6E7581;
  --accent:#C9A15C; --accent-strong:#E0B876; --accent-soft:rgba(201,161,92,.14);
  --accent-code:#5EC8D8;
  --border:rgba(237,235,230,.10); --border-strong:rgba(237,235,230,.20);
  --shadow:0 24px 70px -28px rgba(0,0,0,.65);
  --card-shadow:none;
  --overlay:rgba(6,8,10,.6);
}
html[data-theme="light"]{
  --bg-0:#EEF1EE; --bg-1:#FFFFFF; --bg-2:#F5F6F3; --bg-3:#E8EAE6;
  --fg-0:#171A1D; --fg-1:#4E545B; --fg-2:#7B828B;
  --accent:#8C6A2E; --accent-strong:#6E5322; --accent-soft:rgba(140,106,46,.12);
  --accent-code:#136B79;
  --border:rgba(23,26,29,.13); --border-strong:rgba(23,26,29,.24);
  --shadow:0 20px 50px -26px rgba(23,26,29,.20);
  --card-shadow:0 1px 2px rgba(23,26,29,.04), 0 10px 24px -18px rgba(23,26,29,.16);
  --overlay:rgba(23,26,29,.45);
}