:root{--font-primary:'Cairo',sans-serif;--color-primary:#3b82f6;--color-primary-dark:#1e40af;--color-primary-darker:#1d4ed8;--color-primary-darkest:#1e3a8a;--color-primary-light:#93c5fd;--color-primary-lighter:#bfdbfe;--color-primary-lightest:#dbeafe;--color-primary-bg:#eff6ff;--color-secondary:#4b5563;--color-secondary-dark:#374151;--color-secondary-darker:#1f2937;--color-warning:#f59e0b;--color-warning-dark:#d97706;--color-warning-darker:#b45309;--color-warning-light:#fcd34d;--color-warning-lighter:#fbbf24;--color-warning-lightest:#fef3c7;--color-warning-bg:#fed7aa;--color-success:#10b981;--color-success-dark:#166534;--color-success-darker:#15803d;--color-success-light:#6ee7b7;--color-success-lighter:#4ade80;--color-success-lightest:#d1fae5;--color-success-bg:#a7f3d0;--color-error:#dc2626;--color-error-dark:#991b1b;--color-error-darker:#b91c1c;--color-error-light:#fca5a5;--color-error-lightest:#fee2e2;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-purple-start:#667eea;--color-purple-end:#764ba2;--color-purple-light:#f3e8ff;--color-brown:#92400e;--color-brown-light:#78350f;--color-indigo:#4f46e5;--color-indigo-dark:#4338ca;--color-indigo-light:#e0e7ff;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:2.5rem;--radius-xs:0.25rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--border-width-sm:1px;--border-width:2px;--transition-fast:0.2s;--transition-normal:0.3s;--transition-slow:0.5s;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--font-xs:1rem;--font-sm:1rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--font-4xl:2.25rem;--font-5xl:2.5rem;--font-normal:400;--font-semibold:600;--font-bold:700;--z-base:1;--z-dropdown:10;--z-modal:100;--z-tooltip:1000;--max-width-xs:500px;--max-width-sm:600px;--max-width-md:768px;--max-width-lg:1024px;--size-icon-sm:2rem;--size-icon-md:3rem;--size-icon-lg:4rem;--size-input:50px;--size-cell:40px;}