:root{--red:#D32F2F;--green:#2E7D32;--blue:#1565C0;--red-soft:#FFEBEE;--green-soft:#E8F5E9;--blue-soft:#E3F2FD;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#eee;--gray-300:#ddd;--gray-500:#757575;--gray-700:#424242;--gray-900:#212121;--white:#fff;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--r1:8px;--r2:12px;--shadow:0 2px 10px #0001;--font:'Cairo','Tajawal',Tahoma,sans-serif}/* breakpoints 600/900/1200 */