/* ===========================================================
   اهورا · AHURA — tokens.css
   Central design system: self-hosted fonts + design tokens.
   Load this FIRST on every page (public site, account, admin)
   so all surfaces share one source of truth.
   =========================================================== */

/* ---- self-hosted variable fonts (no Google Fonts — reliable from Iran) ---- */
@font-face{
  font-family:'Vazirmatn';
  src:url('fonts/Vazirmatn-var.woff2') format('woff2-variations'),
      url('fonts/Vazirmatn-var.woff2') format('woff2');
  font-weight:100 900; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Inter';
  src:url('fonts/Inter-var.woff2') format('woff2-variations'),
      url('fonts/Inter-var.woff2') format('woff2');
  font-weight:100 900; font-style:normal; font-display:swap;
}

:root{
  /* ---- surfaces (deep-lapis dark) ---- */
  --bg:#08080C;
  --bg-2:#0C0C12;
  --tile:#111119;
  --tile-2:#15151F;
  --tile-hi:#1B1B27;

  /* ---- brand ---- */
  --core:#FFF4DE;
  --amber:#F4B45E;
  --amber-2:#E8923C;
  --grad-primary:linear-gradient(120deg,var(--amber),var(--amber-2));

  /* ---- text ---- */
  --ink:#F4EEE2;
  --muted:rgba(244,238,226,.6);
  --faint:rgba(244,238,226,.46); /* was .34 — raised for WCAG-AA-ish contrast on small text */

  /* ---- lines ---- */
  --line:rgba(255,255,255,.07);
  --line-2:rgba(255,255,255,.13);
  --line-gold:rgba(244,180,94,.26);

  /* ---- platform tints ---- */
  --c-nava:#34D7C8;
  --c-sina:#5FD68C;
  --c-negar:#FF8A6B;
  --c-guya:#8FA8FF;
  --c-token:#F4B45E;

  /* ---- typography ---- */
  --font-fa:'Vazirmatn','Inter',system-ui,Tahoma,sans-serif;
  --font-latin:'Inter','Vazirmatn',system-ui,sans-serif;

  /* ---- shape & depth ---- */
  --r-sm:9px;  --r-md:12px;  --r-lg:16px;  --r-xl:20px;  --r-panel:24px;
  --shadow-1:0 10px 30px rgba(0,0,0,.35);
  --shadow-2:0 30px 80px rgba(0,0,0,.6);
  --shadow-3:0 50px 140px rgba(0,0,0,.66);

  /* ---- spacing scale ---- */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px;

  /* ---- motion ---- */
  --motion:1;
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
}