:root { --mm-blue-900: #041f6b; --mm-blue-800: #052b93; --mm-blue-700: #0638be; --mm-blue-600: #2455cd; --mm-blue-500: #4a77dc; --mm-blue-100: #d0e3fe; --mm-blue-50: #eef4ff; --mm-orange-700: #c9560c; --mm-orange-600: #f4731a; --mm-orange-100: #fde7d6; --mm-gray-900: #040404; --mm-gray-800: #0a0a0a; --mm-gray-500: #828282; --mm-gray-300: #d8d8d8; --mm-gray-200: #ededed; --mm-gray-100: #f4f4f4; --mm-gray-50: #f9fafc; --mm-white: #ffffff; --mm-red-500: #ef4444; --mm-green-500: #10b981; --mm-primary: var(--mm-blue-700); --mm-primary-hover: var(--mm-blue-800); --mm-primary-contrast: var(--mm-white); --mm-accent: var(--mm-orange-600); --mm-accent-hover: var(--mm-orange-700); --mm-accent-contrast: var(--mm-white); --mm-text: var(--mm-gray-900); --mm-text-muted: var(--mm-gray-500); --mm-text-on-dark: var(--mm-white); --mm-text-on-dark-muted: rgba(255, 255, 255, .72); --mm-surface: var(--mm-white); --mm-surface-soft: var(--mm-gray-50); --mm-surface-page: var(--mm-gray-100); --mm-surface-inverse: var(--mm-blue-700); --mm-border: var(--mm-gray-200); --mm-border-strong: var(--mm-gray-300); --mm-border-on-dark: rgba(255, 255, 255, .2); --mm-success: var(--mm-green-500); --mm-danger: var(--mm-red-500); --mm-font-sans: 'PeydaFaNum', 'Yekan Bakh FaNum', system-ui, sans-serif; --mm-font-display: 'Yekan Bakh FaNum', 'PeydaFaNum', system-ui, sans-serif; --mm-fw-light: 300; --mm-fw-regular: 400; --mm-fw-medium: 500; --mm-fw-semibold: 600; --mm-fw-bold: 700; --mm-fw-extrabold: 800; --mm-fs-xs: .75rem; --mm-fs-sm: .875rem; --mm-fs-base: 1rem; --mm-fs-lg: 1.25rem; --mm-fs-xl: 1.5rem; --mm-fs-2xl: 1.75rem; --mm-fs-3xl: 2rem; --mm-lh-tight: 1.33; --mm-lh-normal: 1.5; --mm-lh-relaxed: 1.75; --mm-space-1: .25rem; --mm-space-2: .5rem; --mm-space-3: .75rem; --mm-space-4: 1rem; --mm-space-5: 1.25rem; --mm-space-6: 1.5rem; --mm-space-8: 2rem; --mm-space-10: 2.5rem; --mm-space-12: 3rem; --mm-space-16: 4rem; --mm-space-20: 5rem; --mm-radius-sm: 8px; --mm-radius-md: 12px; --mm-radius-lg: 16px; --mm-radius-xl: 20px; --mm-radius-full: 9999px; --mm-shadow-sm: 0 1px 2px rgba(0, 0, 0, .06); --mm-shadow-md: 0 4px 16px rgba(0, 0, 0, .08); --mm-shadow-lg: 0 12px 32px rgba(0, 0, 0, .1); --mm-container: 1320px; --mm-container-pad: var(--mm-space-4); --mm-header-h: 88px; --mm-panel-pad: 24px; --mm-transition: .2s ease; }