/*
 * بازتنظیم توکن‌های رنگی برای رسیدن به کنتراست WCAG AA (A2-14).
 * بعد از app.css بارگذاری می‌شود. در حالت روشن، رنگ destructive کتابخانه (متن #fafaf9 روی قرمز روشن) فقط ۲٫۷۶:۱ بود؛
 * قرمز تیره‌تر ۶٫۵:۱ می‌دهد و متن خطا (text-destructive) روی سفید هم خواناتر می‌شود. حالت تیره دست‌نخورده است.
 */
:root:not(.dark) {
  --destructive: oklch(0.505 0.213 27.518);
}

/* حالت تیره: قرمز روشن destructive با متن تیره (نه سفید) خوانا می‌شود (≈۶٫۹:۱) و متن خطا روی پس‌زمینه‌ی تیره خوانا می‌ماند. */
:root.dark {
  --destructive-foreground: oklch(0.145 0.01 45);
}

/* حالت روشن: متن کم‌رنگ (muted-foreground ≈ ۴٫۳:۱ روی پس‌زمینه‌ی muted) تیره‌تر می‌شود تا ≥ ۴٫۵:۱ بماند. */
:root:not(.dark) {
  --muted-foreground: oklch(0.47 0.012 60);
}

/* پنل مدیریت (حالت روشن): رنگ اصلی تیل روشن (#21a585) با متن سفید فقط ≈ ۳٫۱:۱ می‌داد؛ نسخه‌ی تیره‌تر ≥ ۴٫۵:۱.
   از :has برای اعمال روی کل سند (دیالوگ‌ها و پاپ‌اورهای خارج از layout هم) استفاده شده؛ ویترین دست‌نخورده می‌ماند. */
:root:not(.dark):has(.admin-shell) {
  --primary: oklch(0.52 0.1 175);
  --ring: oklch(0.52 0.1 175);
}

/* ویرایشگر متن (U7-02): راست‌چین پیش‌فرض با فونت اصلی سایت.
   Quill روی .ql-container و .ql-snow فونت Helvetica می‌گذارد؛ وراثت کافی نیست و باید صریح و قوی‌تر بنشیند. */
[data-slot="rich-text-editor"],
[data-slot="rich-text-editor"] .ql-container,
[data-slot="rich-text-editor"] .ql-snow,
[data-slot="rich-text-editor"] .ql-snow *,
[data-slot="rich-text-editor"] .ql-editor,
[data-slot="rich-text-editor"] .ql-editor * {
  font-family: var(--font-sans) !important;
}
[data-slot="rich-text-editor"] .ql-editor {
  direction: rtl;
  text-align: right;
  font-family: var(--font-sans);
  font-size: 0.95rem;
  line-height: 2;
}
[data-slot="rich-text-editor"] .ql-editor img { max-width: 100%; height: auto; border-radius: 0.5rem; }
[data-slot="rich-text-editor"] .ql-editor.ql-blank::before { right: 1rem; left: auto; font-style: normal; }

/* فونت یکان‌بخش: themes.css کتابخانه (بدون لایه) --font-sans را به ui-sans-serif برمی‌گرداند و روی فونت برنامه غلبه می‌کرد. */
:root, :root.dark, [data-theme] {
  --font-sans: "YekanBakh", "Segoe UI", Tahoma, ui-sans-serif, system-ui, sans-serif;
  --default-font-family: var(--font-sans);
}

html body {
  font-family: var(--font-sans);
}

button, input, select, textarea, optgroup {
  font-family: inherit;
}

/* نوار پیشرفت ناوبری (site.js) */
#nav-progress {
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: 9999;
  height: 3px;
  width: 0;
  opacity: 0;
  background: var(--primary, #0f766e);
  box-shadow: 0 0 8px color-mix(in oklab, var(--primary, #0f766e) 60%, transparent);
  border-end-end-radius: 3px;
  border-start-end-radius: 3px;
  pointer-events: none;
  transition: width 0.25s ease-out, opacity 0.25s ease;
}
@media (prefers-reduced-motion: reduce) {
  #nav-progress { transition: none; }
}