/*
 * توکن‌های طراحی — UI-GUIDE-clinic-v1.0.md بخش‌های ۲.۲/۳/۱۴.۱/۱۴.۱۶.
 *
 * قاعده: هیچ رنگ/اندازه/فونتی جای دیگر در CSS یا template به‌صورت هاردکد
 * نوشته نشود؛ همه از var(--*) همین فایل می‌آیند. این دقیقاً همان قاعده‌ی
 * «بدون رنگ هاردکد» (SPEC §3.7) است که طبق یادداشت کاربر (بخش ۱۴.۱۶ UI-GUIDE)
 * به اندازه و فونت هم تعمیم یافته — تا تغییر برند برای مشتری/پروژه دیگر فقط
 * همین یک فایل باشد.
 *
 * مقادیر رنگ از سند رسمی هویت بصری (docs/wireframes/v3-modules/00-design-system.jpg)
 * می‌آیند، نه تخمین. مقادیر فاصله/شعاع/سایه چون در سند برند عدد دقیق نداشتند،
 * بر اساس چگالی دیداری همان وایرفریم‌ها انتخاب شده‌اند — قابل تنظیم در همین
 * یک نقطه اگر بعداً فایل طراحی اصلی (Figma) در دسترس قرار گرفت.
 */

:root {
  /* Shared data tables inherit the live clinic palette. */
  --color-table-header: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
  --color-table-border: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface));
  --color-table-hover: color-mix(in srgb, var(--color-primary) 4%, var(--color-surface));

  /* --- رنگ پایه — UI-GUIDE §14.1 --- */
  --color-primary: #173a57;
  --color-primary-dark: #102c43;
  --color-primary-soft: color-mix(in srgb, var(--color-primary) 8%, transparent);
  --color-primary-faint: color-mix(in srgb, var(--color-primary) 4%, transparent);
  --color-accent-gold: #f2c35b;
  --color-accent-gold-soft: #fdf1dc;
  --color-accent-gold-text: #8a6414;
  --color-success: #315e52;
  /* سبز ملایم FAB و CTA موبایل — مقدار رسمی FAB در راهنمای استقرار (#8fa79a).
     عمداً جدا از --color-success است، چون desktop-overview.jpg برای همان دکمه
     سبز تیره (#2e5246 ≈ --color-success) دارد؛ یعنی این تفاوت موبایل/دسکتاپ
     در خود وایرفریم‌هاست، نه یک مقدار مشتق‌شده. */
  --color-success-muted: #8fa79a;
  --color-success-soft: #b8cabd;
  --color-success-bg: #e6f2e9;
  --color-success-tint: #e7efea;
  --color-neutral: #dfe5e2;
  --color-neutral-dark: #c3ccc8;
  --color-heading: #173a57;
  --color-text-primary: #172b3a;
  --color-text-secondary: #6f7c84;
  --color-sidebar-active: #526f72;
  --color-surface: #ffffff;
  --color-background: #fff7f4;
  --color-background-alt: #fef9f6;
  --color-input-fill: #fbfaf8;
  --color-field-label: #4a7a67;
  --color-auth-card: #f3efea;
  --color-auth-input: #fbf9f6;
  --color-auth-border: #dcd5cd;
  --color-nav-inactive: #c7d3dd;
  --color-border: var(--color-neutral);

  /* --- رنگ‌های وضعیت — پنج حالت ثابت، UI-GUIDE §14.1 --- */
  --color-status-inactive: #9aa4a9;
  --color-status-inactive-bg: #eff1f2;
  --color-status-overdue: #b3323c;
  --color-status-overdue-bg: #fbe7e9;
  --color-status-pending: #8a6414;
  --color-status-pending-bg: var(--color-accent-gold-soft);
  --color-status-success: var(--color-success);
  --color-status-success-bg: var(--color-success-bg);
  --color-status-info: #2a5b8c;
  --color-status-info-bg: #e8eff6;
  --color-status-neutral: var(--color-text-secondary);
  --color-status-neutral-bg: var(--color-primary-faint);

  /* رنگ‌های عمومی پیام — معادل قدیمی، برای component های موجود */
  --color-warning: var(--color-status-pending);
  --color-warning-bg: var(--color-accent-gold-soft);
  --color-danger: var(--color-status-overdue);
  --color-danger-bg: var(--color-status-overdue-bg);
  --color-focus-ring: color-mix(in srgb, var(--color-primary) 28%, transparent);
  --color-disabled-text: color-mix(in srgb, var(--color-text-secondary) 72%, transparent);
  --color-disabled-bg: color-mix(in srgb, var(--color-neutral) 52%, var(--color-surface));
  --color-scrim: color-mix(in srgb, var(--color-primary-dark) 56%, transparent);

  /* --- تایپوگرافی — UI-GUIDE §3 --- */
  --font-family-base: "IRANSansX", Tahoma, Arial, sans-serif;
  /* پیش‌فرض هر دو همان --font-family-base است — تا آپلود فونت از تنظیمات
     چیزی عوض نمی‌شود؛ theme-runtime.js این دو را از تنظیمات برند override می‌کند. */
  --font-family-primary: var(--font-family-base);
  --font-family-secondary: var(--font-family-base);
  font-synthesis: weight;
  --font-weight-body: 500;
  --font-weight-page-title: 800;
  --font-weight-card-title: 700;
  --font-weight-secondary: 400;
  --font-weight-button: 700;
  --font-weight-metric: 800;
  --font-embolden-body: 0.12px;
  --font-embolden-strong: 0.2px;
  --font-embolden-display: 0.26px;
  /* عنوان اصلی حتی با فایل 900 کم‌وزن باید تیرگی بصری طرح را حفظ کند. */
  --font-embolden-page-title: 1px;
  --font-embolden-card-title: 0.48px;
  --font-embolden-secondary: 0.12px;
  --font-embolden-button: 0.48px;
  --font-embolden-metric: 0.68px;
  /* مقیاس تایپ = مقیاس طرح‌های تحویلی (چگالی بیشتر از مقیاس قبلی پروژه).
     این یک تصمیم صریح کارفرما (۱۴۰۵/۰۵/۳۱) است و جایگزین پیش‌فرض قبلی
     «کد برنده است» در بند ۲ STYLE-GUIDE.md می‌شود. مقادیر قبلی برای
     بازگشت: h1 34 / h1-mobile 26 / h2 22 / h2-mobile 19 / h3 17 /
     body 15 / control 13 / hint 12.
     نسخه موبایل h1/h2 به همان نسبت دسکتاپ کوچک شده — با «عنوان صفحه
     ۲۱–۲۲px» و «عنوان بخش ۱۴–۱۶px» در بند ۲ DESIGN-GUIDELINES.md می‌خواند. */
  --font-size-h1: 23px;
  --font-size-h1-mobile: 21px;
  --font-size-h2: 17px;
  --font-size-h2-mobile: 15px;
  --font-size-h3: 14px;
  --font-size-body: 12.5px;
  --font-size-control: 12.5px;
  --font-size-hint: 11px;
  --line-height-fa: 2;

  /* --- فاصله‌گذاری --- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  /* --- شعاع گوشه — با zoom روی خود فایل وایرفریم اندازه‌گیری شد؛ گوشه‌ها
     ظریف‌اند، نه پفی — مقادیر قبلی (sm:8 md:12 lg:16 xl:24) تقریباً دو برابر
     وایرفریم بودند --- */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-panel: 12px;
  --radius-xl: 14px;
  --radius-full: 999px;

  /* --- سایه --- */
  --shadow-sm: 0 1px 2px rgba(23, 58, 87, 0.06);
  --shadow-md: 0 4px 12px rgba(23, 58, 87, 0.08);
  --shadow-lg: 0 12px 32px rgba(23, 58, 87, 0.12);
  --shadow-shell: 0 26px 68px rgba(23, 58, 87, 0.13), 0 8px 24px rgba(23, 58, 87, 0.07);
  /* نوار جستجوی کپسولی — سایهٔ نرم زیر کپسول و سایهٔ داخلی دکمهٔ گرد */

  /* --- پوسته اپ — UI-GUIDE §14.7 --- */
  --sidebar-width-expanded: 240px;
  --sidebar-width-collapsed: 76px;
  --topbar-height: 60px;
  --workspace-tabstrip-height: 40px;

  /* --- ابعاد تعاملی و چیدمان — قرارداد دیزاین سیستم --- */
  --control-height-compact: 32px;
  --control-height-default: 36px;
  --control-height-touch: 44px;
  --icon-size-sm: 16px;
  --icon-size-md: 20px;
  --icon-size-lg: 24px;
  --page-section-gap: 12px;
  --panel-header-height: 40px;
  --content-reading-width: 760px;
  --content-wide-width: 1440px;

}

/*
 * فایل فونت IRANSansX هنوز به پروژه اضافه نشده — TODO(فاز ۱۰.۵): فایل‌های
 * woff2 مجاز/لایسنس‌دار را در apps/core/static/core/fonts/ قرار داده و اینجا
 * با یک قاعده‌ی font-face ثبت کنید. تا آن زمان، پشته‌ی جایگزین (Tahoma/Arial) در
 * --font-family-base همان ظاهر نسخه قبلی را حفظ می‌کند.
 */