/** * توکن‌های طراحی (Design Tokens) - نسخه‌ی fallback. * * این مقادیر پیش‌فرض هستند. مقادیر واقعی رنگ و فونت که مدیر سایت * از پنل مدیریت > ظاهر > سفارشی‌سازی > تنظیمات قالب غذا تغییر می‌دهد، * به‌صورت داینامیک در صفحه (توسط inc/customizer/design-system.php) * تزریق می‌شوند و همین متغیرها را بازنویسی می‌کنند. * * یعنی: این فایل فقط برای حالتی است که آن استایل داینامیک به هر دلیلی * بارگذاری نشود - صفحه هرگز کاملاً بی‌رنگ و خراب دیده نمی‌شود. */ :root { /* رنگ‌های اصلی برند - آبی کبالت مدرن (متفاوت از سبز اسنپ و قرمز دیجی‌کالا) */ --ghaza-primary: #1e4fd9; --ghaza-primary-dark: #1639a6; --ghaza-primary-light: #5b7fe8; /* رنگ تاکیدی - زرد گرم برای تخفیف و دکمه‌های CTA */ --ghaza-accent: #f5a623; --ghaza-accent-hover: #d98e14; /* رنگ‌های وضعیت */ --ghaza-success: #2e9e5b; --ghaza-warning: #f2c94c; --ghaza-danger: #e14b4b; /* رنگ‌های خنثی */ --ghaza-text: #1a1a1a; --ghaza-text-secondary: #6b7280; --ghaza-border: #e5e7eb; --ghaza-background: #f7f8fa; --ghaza-surface: #ffffff; /* تایپوگرافی */ --ghaza-font-family: 'Vazirmatn', 'IRANYekanX', 'Tahoma', sans-serif; --ghaza-font-base-size: 16px; --ghaza-font-size-display: 2.75rem; --ghaza-font-size-h1: 2.25rem; --ghaza-font-size-h2: 1.75rem; --ghaza-font-size-h3: 1.375rem; --ghaza-font-size-h4: 1.125rem; --ghaza-font-size-body-lg: 1.0625rem; --ghaza-font-size-body: 1rem; --ghaza-font-size-small: 0.875rem; --ghaza-font-size-caption: 0.75rem; --ghaza-line-height-heading: 1.3; --ghaza-line-height-body: 1.7; /* فاصله‌گذاری (Spacing Scale) */ --ghaza-space-1: 4px; --ghaza-space-2: 8px; --ghaza-space-3: 12px; --ghaza-space-4: 16px; --ghaza-space-5: 24px; --ghaza-space-6: 32px; --ghaza-space-7: 48px; --ghaza-space-8: 64px; /* شعاع گوشه‌ها (Radius Scale) */ --ghaza-radius-sm: 6px; --ghaza-radius-md: 12px; --ghaza-radius-lg: 20px; --ghaza-radius-full: 999px; /* سایه‌ها */ --ghaza-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06); --ghaza-shadow-md: 0 4px 12px rgba(16, 24, 40, 0.08); --ghaza-shadow-lg: 0 12px 32px rgba(16, 24, 40, 0.12); /* چیدمان */ --ghaza-container-max: 1280px; --ghaza-container-padding: 16px; /* لایه‌بندی (z-index) */ --ghaza-z-header: 100; --ghaza-z-drawer: 500; --ghaza-z-modal: 1000; --ghaza-z-toast: 1100; /* زمان انیمیشن */ --ghaza-transition-fast: 120ms ease; --ghaza-transition-base: 200ms ease; }