:root {
    --taben-primary: #1a56db;
    --taben-primary-hover: #1648b8;
    --taben-primary-dark: #1e429f;
    --taben-primary-light: #e8f0fe;
    --taben-primary-soft: #eef4ff;
    --taben-primary-rgb: 26, 86, 219;
    --taben-accent: #10b981;
    --taben-bg: #ffffff;
    --taben-bg-muted: #f8fafc;
    --taben-bg-section: #f1f5f9;
    --taben-bg-page: #eef2f7;
    --taben-text: #111827;
    --taben-text-body: #374151;
    --taben-text-muted: #6b7280;
    --taben-text-light: #9ca3af;
    --taben-border: #e5e7eb;
    --taben-border-light: #eff2f6;
    --taben-success: #059669;
    --taben-danger: #dc2626;
    --taben-shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.04);
    --taben-shadow-sm: 0 1px 3px rgba(16, 24, 40, 0.06), 0 1px 2px rgba(16, 24, 40, 0.04);
    --taben-shadow-md: 0 4px 16px rgba(16, 24, 40, 0.08);
    --taben-shadow-lg: 0 12px 32px rgba(26, 86, 219, 0.1);
    --taben-radius-sm: 7px;
    --taben-radius: 10px;
    --taben-radius-lg: 14px;
    --taben-radius-xl: 18px;
    --taben-radius-full: 9999px;
    --taben-font: 'Vazirmatn', Tahoma, 'Segoe UI', sans-serif;
    --taben-space-1: 0.25rem;
    --taben-space-2: 0.5rem;
    --taben-space-3: 0.75rem;
    --taben-space-4: 1rem;
    --taben-space-5: 1.5rem;
    --taben-space-6: 2rem;
    --text-hero: clamp(1.5rem, 2.6vw, 2.15rem);
    --text-h1: 1.35rem;
    --text-h2: 0.95rem;
    --text-h3: 0.85rem;
    --text-body: 0.8125rem;
    --text-small: 0.72rem;
    --text-tiny: 0.64rem;
    --text-price: 0.8rem;
    --text-nav: 0.8rem;
}