/*
 * هویت بصری برند (کارت U1)
 *
 * این فایل در زمان build داخل ایمیج روی /app/client/dist/assets/brand.css کپی
 * می‌شود و با یک <link> در انتهای <head> صفحه‌ی index.html صدا زده می‌شود تا پس از
 * CSS بسته‌بندی‌شده بار شود. ویرایش فایل‌های JS/CSS بسته‌بندی‌شده ممنوع است؛ همه‌ی
 * بازتعریف‌ها اینجا انجام می‌شود.
 *
 * رنگ از لوگو، سرمه‌ای: #415079 (rgb 65 80 121).
 * متغیرهای رنگ تم به‌صورت سه‌گانه‌ی RGB با فاصله‌اند (مثل «65 80 121»).
 */

/* ───── فونت وزیرمتن (متغیر ۱۰۰..۹۰۰) ───── */
@font-face {
  font-family: "Vazirmatn";
  src: url("/assets/brand-fonts/Vazirmatn-var.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-sans: "Vazirmatn", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: "Vazirmatn", ui-sans-serif, system-ui, sans-serif;
}

html,
body {
  font-family: "Vazirmatn", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* ───── رنگ برند — تم روشن ─────
   فقط لهجه‌های برند بازتعریف می‌شوند؛ سطوح و متنِ پیش‌فرض دست‌نخورده می‌مانند تا
   خوانایی و تضاد حفظ شود. */
:root {
  --brand-purple: 65 80 121 !important; /* لهجه‌ی برند (حباب کاربر، لینک‌ها) */
  --surface-submit: 65 80 121 !important; /* دکمه‌ی اصلی */
  --surface-submit-hover: 52 65 106 !important;
  --ring-primary: 65 80 121 !important; /* حلقه‌ی فوکوس */
}

/* ───── رنگ برند — تم تاریک ───── */
.dark,
html.dark {
  --brand-purple: 123 141 184 !important;
  --surface-submit: 123 141 184 !important;
  --surface-submit-hover: 101 118 163 !important;
  --ring-primary: 123 141 184 !important;
}