/**
 * variables.css
 * Design tokens for the Didgat framework.
 *
 * ⚠️ MIGRATION NOTICE (Design System v2):
 * منبع حقیقت رنگ اکنون --dg-* است (تعریف‌شده در همین فایل، همسان با
 * بلوک --dg-* که در mu-plugin/site-custom-functions.php برای افزونه‌ها
 * چاپ می‌شود). --color-* دیگر رنگ مستقل تعریف نمی‌کند — فقط Alias است
 * تا CSSهای موجود قالب (layout.css, business.css, buttons.css, ...) که
 * هنوز var(--color-*) صدا می‌زنند بدون تغییر کار کنند. مصرف جدید همیشه
 * باید مستقیم var(--dg-*) باشد.
 *
 * استثنا: --color-success / --color-warning / --color-danger عمداً
 * Alias نشدند و مقدار قبلی‌شان را حفظ کرده‌اند، چون مستقیماً رنگ
 * ستاره‌های امتیاز کسب‌وکار (business.css) را کنترل می‌کنند و طبق
 * دستور مهاجرت، سیستم رنگ امتیازدهی نباید تغییر کند.
 */

:root {
	/* ============================================================
	   DIDGAT DESIGN TOKENS — Single Source of Truth (--dg-*)
	   باید دقیقاً با بلوک هم‌نام در site-custom-functions.php یکی
	   بماند؛ اگر برند عوض شد، فقط همین‌جا و همان‌جا ویرایش شود.
	   ============================================================ */
	/* ---- Brand ---- */
	--dg-primary: #6D28D9;
	--dg-primary-rgb: 109, 40, 217;
	--dg-primary-hover: #5B21B6;
	--dg-primary-hover-rgb: 91, 33, 182;
	--dg-secondary: #8B5CF6;
	--dg-secondary-rgb: 139, 92, 246;
	--dg-accent: #A855F7;
	--dg-accent-rgb: 168, 85, 247;

	/* ---- Layout ---- */
	--dg-header: #1B1A1B;
	--dg-header-rgb: 27, 26, 27;
	--dg-background: #F8F8FC;
	--dg-surface: #FFFFFF;
	--dg-border: #E7E7EF;
	--dg-text-primary: #111827;
	--dg-text-secondary: #6B7280;

	/* ---- Status (عملیاتی) ---- */
	--dg-success: #22C55E;
	--dg-warning: #F59E0B;
	--dg-error: #EF4444;

	/* ---- Derived primary ramp (برای پس‌زمینه‌های ملایم/کارت/چیپ) ---- */
	--dg-primary-50: #f6f2fd;
	--dg-primary-50-rgb: 246, 242, 253;
	--dg-primary-100: #ebe1fa;
	--dg-primary-100-rgb: 235, 225, 250;
	--dg-primary-200: #d6c3f4;
	--dg-primary-200-rgb: 214, 195, 244;
	--dg-primary-300: #bd9eee;
	--dg-primary-300-rgb: 189, 158, 238;
	--dg-primary-400: #9c6de5;
	--dg-primary-400-rgb: 156, 109, 229;
	--dg-primary-500: #8146de;
	--dg-primary-500-rgb: 129, 70, 222;
	--dg-primary-600: #7635db;
	--dg-primary-600-rgb: 118, 53, 219;
	--dg-primary-700: #6d28d9;
	--dg-primary-700-rgb: 109, 40, 217;
	--dg-primary-800: #5d22b8;
	--dg-primary-800-rgb: 93, 34, 184;
	--dg-primary-900: #4c1c98;
	--dg-primary-900-rgb: 76, 28, 152;
	--dg-primary-950: #3c1677;
	--dg-primary-950-rgb: 60, 22, 119;

	/* ============================================================
	   Legacy alias layer — --color-* (سازگاری با CSSهای موجود قالب)
	   ============================================================ */
	--color-brand-950: var(--dg-header);
	--color-brand-900: var(--dg-primary-950);
	--color-brand-800: var(--dg-primary-900);
	--color-brand-700: var(--dg-primary-800);
	--color-brand-600: var(--dg-primary-hover);
	--color-brand-500: var(--dg-primary);
	--color-brand-400: var(--dg-secondary);
	--color-brand-300: var(--dg-primary-300);
	--color-brand-200: var(--dg-primary-200);
	--color-brand-100: var(--dg-primary-100);
	--color-brand-50: var(--dg-primary-50); /* قبلاً در فایل اصلی تعریف نشده بود ولی در business.css مصرف می‌شد — در این مهاجرت تعریف شد */

	/* Neutrals */
	--color-white: var(--dg-surface);
	--color-gray-50: var(--dg-background);
	--color-gray-100: var(--dg-background);
	--color-gray-200: var(--dg-border);
	--color-gray-400: var(--dg-text-secondary);
	--color-gray-600: var(--dg-text-secondary);
	--color-gray-700: var(--dg-text-secondary); /* قبلاً در فایل اصلی تعریف نشده بود ولی در business.css مصرف می‌شد — در این مهاجرت تعریف شد */
	--color-gray-800: var(--dg-text-primary);
	--color-gray-900: var(--dg-text-primary);
	--color-charcoal: var(--dg-header);

	/* Semantic colors — رنگ عملیاتی عمومی (برای پیام‌ها/هشدار عمومی سایت) */
	--color-success: #16a34a; /* عمداً alias نشده — رجوع کنید به یادداشت بالای فایل */
	--color-success-bg: #ecfdf3;
	--color-warning: #d97706; /* عمداً alias نشده — رجوع کنید به یادداشت بالای فایل */
	--color-warning-bg: #fffaeb;
	--color-danger: #dc2626; /* عمداً alias نشده — رجوع کنید به یادداشت بالای فایل */
	--color-danger-bg: #fef2f2;
	--color-info: var(--dg-primary);
	--color-info-bg: var(--dg-primary-100);

	/* Surfaces */
	--color-bg: var(--dg-surface);
	--color-bg-muted: var(--dg-background);
	--color-text: var(--dg-text-primary);
	--color-text-muted: var(--dg-text-secondary);
	--color-border: var(--dg-border);

	/* Glassmorphism card surface (used across ui/card, business, blog cards) */
	--glass-bg: rgba(255, 255, 255, 0.6);
	--glass-border: rgba(255, 255, 255, 0.35);
	--glass-blur: 14px;
	--glass-shadow: 0 8px 32px rgba(var(--dg-header-rgb), 0.12);

	/* Typography — overridden inline by inc/customizer.php's dynamic CSS
	   for font-family/size/line-height; these are the pre-Customizer
	   defaults so the page never renders unstyled. */
	--font-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Tahoma, Arial, sans-serif;
	--font-size-base: 16px;
	--line-height-base: 1.6;

	/* Spacing scale */
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 24px;
	--space-6: 32px;
	--space-7: 48px;
	--space-8: 64px;
	--space-9: 96px;

	/* Radii */
	--radius-sm: 6px;
	--radius-md: 12px;
	--radius-lg: 20px;
	--radius-full: 999px;

	/* Shadows */
	--shadow-sm: 0 1px 3px rgba(var(--dg-header-rgb), 0.08);
	--shadow-md: 0 4px 12px rgba(var(--dg-header-rgb), 0.10);
	--shadow-lg: 0 12px 32px rgba(var(--dg-header-rgb), 0.16);

	/* Layout — inc/customizer.php overrides --container-width/padding
	   inline (didgat_container_width / didgat_container_padding). */
	--container-width: 1200px;
	--container-padding: 20px;

	/* Motion */
	--transition-fast: 150ms ease;
	--transition-base: 250ms ease;

	/* z-index scale */
	--z-header: 100;
	/* Anything that expands inside the homepage hero (e.g. the site
	   search results/suggestions panel) must be able to render above
	   the sticky header, otherwise the header clips/covers it. */
	--z-hero-search: 150;
	--z-lightbox: 1000;
}