/* =====================================
SHAMCAR DESIGN SYSTEM
Version: 1.0
===================================== */
/* توجه: فونت Vazirmatn دیگر اینجا با @import لود نمیشود، چون همین
فونت با + در
هر صفحه لود میشود. @import یک فایل خارجی داخل CSS، لود کل صفحه را
تا رسیدن پاسخ آن فونت متوقف میکند و باعث چشمک سفید/نارنجی موقع
بالا آمدن صفحه میشد. */
:root {
/* ========= Colors ========= */
--primary: #0f172a;
--primary-light: #1e293b;
--secondary: #f59e0b;
--secondary-dark: #d97706;
--success: #16a34a;
--danger: #dc2626;
--warning: #facc15;
--info: #2563eb;
--white: #ffffff;
--black: #000000;
--gray-50: #f8fafc;
--gray-100: #f1f5f9;
--gray-200: #e2e8f0;
--gray-300: #cbd5e1;
--gray-400: #94a3b8;
--gray-500: #64748b;
--gray-600: #475569;
--gray-700: #334155;
--gray-800: #1e293b;
--gray-900: #0f172a;
/* ========= Typography ========= */
--font-family: "Vazirmatn", sans-serif;
--fs-xs: 12px;
--fs-sm: 14px;
--fs-md: 16px;
--fs-lg: 18px;
--fs-xl: 22px;
--fs-2xl: 30px;
--fs-3xl: 40px;
--fs-4xl: 54px;
/* ========= Radius ========= */
--radius-sm: 6px;
--radius-md: 12px;
--radius-lg: 20px;
--radius-xl: 30px;
/* ========= Shadows ========= */
--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
--shadow-md: 0 8px 20px rgba(0, 0, 0, 0.12);
--shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.15);
/* ========= Transition ========= */
--transition: 0.3s ease;
/* ========= Container ========= */
--container: 1200px;
/* ========= Spacing ========= */
--space-1: 4px;
--space-2: 8px;
--space-3: 12px;
--space-4: 16px;
--space-5: 20px;
--space-6: 24px;
--space-7: 32px;
--space-8: 40px;
--space-9: 60px;
--space-10: 80px;
}