/* ===== 360 Design System — Tokens (Cosmic) ===== */
:root{
  --bg-0:#0c0e20;
  --bg-1:#12142a;
  --bg-2:#181a36;
  --surface:#181a36;
  --surface-hi:#20223f;
  --line:rgba(226,232,240,.10);
  --line-strong:rgba(226,232,240,.20);

  --ink-0:#f1f3f8;
  --ink-1:#c7cbd6;
  --ink-2:#98a0b3;

  --brand:#eab054;      /* طلایی خورشیدی */
  --brand-dim:#b9853f;
  --accent:#4fd8e8;     /* فیروزه‌ای/سایان */
  --violet:#9b7fe0;
  --ember:#e56a45;
  --success:#5fae7c;
  --danger:#e0623a;

  --font-fa:'Vazirmatn',Tahoma,sans-serif;
  --font-en:'Space Grotesk',sans-serif;
  --font-mono:'IBM Plex Mono',monospace;

  --fs-xs:.75rem; --fs-sm:.875rem; --fs-base:1rem; --fs-md:1.125rem;
  --fs-lg:1.375rem; --fs-xl:1.75rem; --fs-2xl:2.25rem; --fs-3xl:3rem; --fs-4xl:3.75rem;

  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px;
  --sp-6:32px; --sp-7:48px; --sp-8:64px; --sp-9:96px;

  --r-sm:8px; --r-md:12px; --r-lg:18px; --r-xl:22px; --r-full:999px;
  --shadow-out:0 18px 40px -14px rgba(0,0,0,.55);
  --shadow-hi:inset 0 1px 0 rgba(255,255,255,.06);
  --shadow-lg:0 26px 50px -14px rgba(0,0,0,.6);

  --container:1200px;
  --nav-h:72px;
}