/* ========================================
   Minimal Theme — Clean & Professional
   رنگ‌های اصلی (--primary-color و...) اینجا تعریف نمی‌شوند — این فایل بعد از
   بلاک <style> داینامیک layouts/app.blade.php لود می‌شود، پس هر :root که اینجا
   بنویسیم رنگ واقعی تنظیمات را override می‌کند (باگی که دقیقاً همین بود).
   مقدار واقعی رنگ‌ها همیشه از ThemeSetting در layouts/app.blade.php می‌آید.
   ======================================== */

body {
    font-family: 'Vazirmatn', Tahoma, sans-serif;
    background: #fafafa;
}

h1, h2, h3 { letter-spacing: -0.01em; }

/* ── Bridge for shared, not-yet-theme-specific components ──────────────
   cart-sheet.blade.php and shop-floating-panel.blade.php are shared across
   all themes (no per-theme override exists) and hardcode Tailwind's
   orange-* palette. Retint them to the active theme's primary color so
   they don't visually clash with minimal's own (already theme-aware) views. */
.orange-500,
[class*="bg-orange-500"] { background-color: var(--primary-color) !important; }
[class*="bg-orange-600"] { background-color: var(--primary-color) !important; filter: brightness(0.92); }
[class*="bg-orange-50"]:not([class*="bg-orange-500"]) { background-color: color-mix(in srgb, var(--primary-color) 8%, white) !important; }
[class*="bg-orange-100"] { background-color: color-mix(in srgb, var(--primary-color) 14%, white) !important; }
[class*="text-orange-500"],
[class*="text-orange-600"] { color: var(--primary-color) !important; }
[class*="border-orange-400"],
[class*="border-orange-500"] { border-color: var(--primary-color) !important; }
[class*="ring-orange"] { --tw-ring-color: var(--primary-color) !important; }
[class*="from-orange"] { --tw-gradient-from: var(--primary-color) !important; }
[class*="to-orange"] { --tw-gradient-to: var(--primary-color) !important; }

/* Same bridge, for the admin-token `primary-*` scale leaking into shared
   storefront components (e.g. components/custom-select.blade.php used by
   the product filter's sort dropdown) — resolves to admin green otherwise. */
[class*="bg-primary-50"] { background-color: color-mix(in srgb, var(--primary-color) 8%, white) !important; }
[class*="bg-primary-600"],
[class*="bg-primary-700"] { background-color: var(--primary-color) !important; }
[class*="text-primary-600"],
[class*="text-primary-700"] { color: var(--primary-color) !important; }
[class*="border-primary-400"],
[class*="border-primary-500"] { border-color: var(--primary-color) !important; }
[class*="ring-primary"] { --tw-ring-color: color-mix(in srgb, var(--primary-color) 40%, transparent) !important; }
.hover\:bg-primary-700:hover { background-color: var(--primary-color) !important; filter: brightness(0.92); }
.hover\:text-primary-700:hover { color: var(--primary-color) !important; }
.focus\:ring-primary:focus,
.focus\:ring-primary-500:focus { --tw-ring-color: color-mix(in srgb, var(--primary-color) 40%, transparent) !important; }
.focus\:border-primary-400:focus,
.focus\:border-transparent:focus { border-color: var(--primary-color) !important; }