:root {
    --gc-font-sans: 'Vazirmatn', Tahoma, sans-serif;
    --gc-font-display: 'IRANYekan', Tahoma, sans-serif;
    --gc-fs-100: clamp(0.75rem, 0.72rem + 0.15vw, 0.875rem);
    --gc-fs-200: clamp(0.875rem, 0.84rem + 0.2vw, 1rem);
    --gc-fs-300: clamp(1rem, 0.96rem + 0.25vw, 1.125rem);
    --gc-fs-400: clamp(1.125rem, 1.08rem + 0.3vw, 1.25rem);
    --gc-fs-500: clamp(1.25rem, 1.2rem + 0.35vw, 1.5rem);
    --gc-fs-600: clamp(1.5rem, 1.44rem + 0.4vw, 1.875rem);
    --gc-fs-700: clamp(1.875rem, 1.8rem + 0.5vw, 2.25rem);
    --gc-fs-800: clamp(2.25rem, 2.16rem + 0.6vw, 3rem);
    --gc-fs-900: clamp(3rem, 2.88rem + 0.8vw, 3.75rem);
    --gc-space-1: 4px;
    --gc-space-2: 8px;
    --gc-space-3: 12px;
    --gc-space-4: 16px;
    --gc-space-5: 20px;
    --gc-space-6: 24px;
    --gc-space-8: 32px;
    --gc-space-12: 48px;
    --gc-space-16: 64px;
    --gc-radius-sm: 4px;
    --gc-radius-md: 8px;
    --gc-radius-lg: 12px;
    --gc-radius-xl: 16px;
    --gc-radius-full: 9999px;
    --gc-shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.05);
    --gc-shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
    --gc-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
    --gc-shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
    --gc-duration-fast: 150ms;
    --gc-duration-normal: 300ms;
    --gc-duration-slow: 500ms;
    --gc-ease: cubic-bezier(0.4, 0, 0.2, 1);
    --gc-ease-in: cubic-bezier(0.4, 0, 1, 1);
    --gc-ease-out: cubic-bezier(0, 0, 0.2, 1);
    --gc-z-dropdown: 1000;
    --gc-z-sticky: 1020;
    --gc-z-modal: 1050;
    --gc-z-toast: 1080;
    --gc-surface: #f2f4f7;
    --gc-text: #1f2937;
    --gc-border: #e5e7eb;
    --gc-primary: #2563eb;
    --gc-secondary: #64748b;
    --gc-success: #10b981;
    --gc-warning: #f59e0b;
    --gc-error: #ef4444;
    --gc-info: #3b82f6;
    --gc-neutral-50: #f9fafb;
    --gc-neutral-100: #f3f4f6;
    --gc-neutral-200: #e5e7eb;
    --gc-neutral-300: #d1d5db;
    --gc-neutral-400: #9ca3af;
    --gc-neutral-500: #6b7280;
    --gc-neutral-600: #4b5563;
    --gc-neutral-700: #374151;
    --gc-neutral-800: #1f2937;
    --gc-neutral-900: #111827;
}

[data-theme="dark"] {
    --gc-surface: #14171c;
    --gc-text: #f3f4f6;
    --gc-border: #374151;
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}