/*
  قالب «کلاسیک» — ساده‌ترین نوع قالب: فقط متغیرهای CSS را عوض می‌کند و هیچ ویوی Razor ندارد.

  ⚠️ نکتهٔ مهم برای سازندهٔ قالب: این فایل بعد از site.css لود می‌شود، پس اگر رنگ‌ها را
  بدون قید روی :root بنویسید، پالت تیرهٔ پایه را هم بازنویسی می‌کنید و تم تیره می‌شکند.
  الگوی درست همان الگوی site.css است: پالت روشن روی :root، و پالت تیره دو بار
  (یک‌بار برای تم سیستم و یک‌بار برای انتخاب صریح کاربر).
*/

:root {
    --font: Vazirmatn, "Segoe UI", Tahoma, sans-serif;
    --font-display: var(--font);
    --radius: 12px;
    --radius-sm: 8px;

    --color-primary: #e01a4f;
    --color-primary-text: #ffffff;
    --color-accent: #0b7285;
    --color-bg: #f5f6f8;
    --color-surface: #ffffff;
    --color-surface-alt: #eef1f5;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --color-primary: #ff4d78;
        --color-accent: #4dd4ac;
        --color-bg: #101216;
        --color-surface: #191c23;
        --color-surface-alt: #12141a;
    }
}

:root[data-theme="dark"] {
    --color-primary: #ff4d78;
    --color-accent: #4dd4ac;
    --color-bg: #101216;
    --color-surface: #191c23;
    --color-surface-alt: #12141a;
}