/* ==========================================================================
   i-Phone.ir design tokens — matches the live palette (site.css / neon.css)
   ========================================================================== */

/* Self-hosted Vazirmatn (OFL). Google Fonts is unreliable in Iran — do NOT load it from fonts.googleapis.com */
@font-face{font-family:'Vazirmatn';src:url('../fonts/Vazirmatn-Variable.woff2') format('woff2-variations'),url('../fonts/Vazirmatn-Variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}

:root{
  /* colour */
  --primary:#1d6bc9;
  --primary-hover:#185bb0;
  --primary-ink:#0b57ad;
  --accent-soft:#eaf2fc;
  --accent-soft-2:#dde9f9;
  --cyan:#8ec5e8;
  --purple:#6b4fd8;
  --teal:#0f766e;
  --orange:#e08a1e;
  --orange-ink:#b45309;
  --badge:#c2410c;
  --green:#2fb457;
  --red:#c9372c;
  --neon:#5aa9d6;
  --neon-dim:#4a90c2;
  --violet:#6b4fd8;
  --navy:#1b2433;
  --bg:#f5f7fa;
  --surface:#fff;
  --surface-2:#f2f4f7;
  --border:#e4e7ec;
  --divider:#d0d5dd;
  --text:#101828;
  --text-2:#475467;
  --text-3:#667085;
  --r:14px;
  --r-lg:20px;
  --r-xl:28px;
  --shadow:0 1px 2px rgba(16,24,40,.04),0 8px 20px rgba(16,24,40,.05);
  --shadow-md:0 10px 24px rgba(16,24,40,.09);
  --shadow-hover:0 10px 24px rgba(16,24,40,.09);
  --glow:0 10px 24px rgba(16,24,40,.08);
  --wrap:1280px;
  --gut:24px;
  /* spacing scale */
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;
  /* typography */
  --font:'Vazirmatn','IRANSansX',system-ui,sans-serif;
  --fs-xs:12px;--fs-sm:13.5px;--fs-body:16px;--fs-body-m:15.5px;--fs-card:17px;--fs-h3:19px;--fs-h2:24px;--fs-h1:34px;--lh-body:1.8;--lh-title:1.6;
  /* layers + chrome */
  --z-header:50;--z-chat:60;--z-tabbar:70;--z-sheet:90;
  --tabbar-h:62px;--mobile-shell:480px;
  /* breakpoint (documentation only — media queries use 760px / 860px / 1100px literally) */
  --bp-mobile:760px;
}