/* ───────── فونت (داخل پروژه، بدون CDN) ───────── */
@font-face { font-family: "Vazirmatn"; src: url("../fonts/Vazirmatn-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Vazirmatn"; src: url("../fonts/Vazirmatn-Medium.ttf") format("truetype"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Vazirmatn"; src: url("../fonts/Vazirmatn-SemiBold.ttf") format("truetype"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Vazirmatn"; src: url("../fonts/Vazirmatn-Bold.ttf") format("truetype"); font-weight: 700; font-display: swap; }

:root {
  /* برند: بنفش، مثل مرجع‌ها */
  --brand-50:  #F4F0FE;
  --brand-100: #E9E0FC;
  --brand-200: #D3C2F9;
  --brand-300: #B397F4;
  --brand-500: #7C4DEE;
  --brand-600: #6D3BEA;
  --brand-700: #5A2BCB;
  --brand-800: #44209A;
  --brand-900: #2A1F5C;

  --bg:        #F6F4FC;
  --surface:   #FFFFFF;
  --surface-2: #FBFAFE;
  --border:    #E8E3F5;
  --border-strong: #D5CDEA;
  --text:      #1F1B2E;
  --text-2:    #4A4560;
  --muted:     #6B6684;

  --ok:   #12894A;  --ok-bg:   #E5F6EC;
  --warn: #A66A00;  --warn-bg: #FFF4DB;
  --bad:  #C42342;  --bad-bg:  #FDE8EC;
  --info: #2457C5;  --info-bg: #E6EEFC;

  --radius:    14px;
  --radius-sm: 10px;
  --radius-lg: 20px;
  --shadow-sm: 0 1px 2px rgba(42,31,92,.06), 0 1px 3px rgba(42,31,92,.05);
  --shadow:    0 4px 14px rgba(42,31,92,.08);
  --shadow-lg: 0 18px 44px rgba(42,31,92,.18);

  --header-h: 56px;
  --font: "Vazirmatn", "Tahoma", system-ui, sans-serif;

  /* اندازه‌ی کنترل‌ها: روی صفحه‌ی با ماوس جمع‌وجور، روی لمسی همیشه ۴۴ پیکسل (پایین‌تر از ۴۴ برای انگشت کوچک است) */
  --ctl-h: 40px;
  --ctl-h-sm: 32px;
  --ctl-h-lg: 46px;
  --touch: 44px;
  --gutter: 18px;
  --lh: 1.75;
}

/* مقیاس نوشته: هر اندازه‌ی rem در پروژه از همین ریشه می‌آید، پس ۱rem برابر ۱۴ پیکسل است.
   درصد (نه پیکسل) تا تنظیم اندازه‌ی نوشته‌ی مرورگر کاربر هنوز اثر بگذارد. کمترین نوشته‌ی پروژه ۱۲ پیکسل است (۰٫۸۶rem). */
html { font-size: 87.5%; }