/* base/tokens.css — توکن‌های طراحی — سه لایه: پایه، معنایی، کامپوننتی */
:root{
  /* لایه ۱ — پایه */
  --navy-950:#05070F;
  --navy-900:#0B1226;
  --navy-800:#111C3D;
  --navy-700:#182852;
  --navy-600:#22376E;
  --paper-50:#FFFFFF;
  --paper-100:#F7F8FB;
  --paper-200:#EAEEF4;
  --teal-300:#67E8F9;
  --teal-400:#22D3EE;
  --teal-600:#0E93AF;
  --gold-300:#FFD34D;
  --gold-400:#F5B301;
  --gold-600:#B8860B;
  --brand-modir:#2563EB;
  --brand-modir-soft:#93B4FF;
  --brand-ravan:#10B981;
  --brand-ravan-soft:#5EE0B4;

  /* لایه ۲ — معنایی */
  --bg:var(--navy-950);
  --bg-elev:var(--navy-900);
  --surface:rgba(17,28,61,.55);
  --fg:#F2F6FC;
  --fg-muted:#93A5C6;
  --accent:var(--teal-400);
  --accent-soft:var(--teal-300);
  --accent-2:var(--gold-400);
  --line:rgba(148,178,214,.14);
  --line-strong:rgba(148,178,214,.3);
  --focus:var(--teal-400);

  /* لایه ۳ — کامپوننتی */
  --btn-primary-bg:var(--gold-400);
  --btn-primary-fg:#201700;
  --btn-radius:14px;
  --card-radius:20px;
  --chip-radius:999px;
  --nav-height:80px;
  --wrap:1240px;
  --gutter:clamp(20px,5vw,72px);

  --font-display:"Aabar","YekanBakh","Yekan Bakh","Leila",Tahoma,system-ui,sans-serif;
  --font-body:"YekanBakh","Yekan Bakh",Tahoma,system-ui,sans-serif;

  --ease-out:cubic-bezier(.2,.7,.2,1);
  --ease-soft:cubic-bezier(.4,0,.2,1);
  --dur-fast:.22s; --dur-base:.45s; --dur-slow:.8s;
}
:root{--slab-radius:clamp(28px,3.4vw,52px)}
@media(max-width:600px){
:root{--slab-radius:22px}
}
:root{
  --teal-600:#0B5468;
  --ink-hi:#0E7086;          /* حالت هاور و نوار پیشرفت */
}