:root {
  --primary: #2563eb;
  --secondary: #475569;
  --accent: #f59e0b;
  --dark: #0f172a;
  --light: #FAF9F6;
  --textColor: #1c1917;
  --navBg: #ffffff;
  --navText: #1c1917;
  --footerBg: #111827;
  --footerText: #fafafa;
}

h1, h2, h3, h4, h5, h6, .brand-font-header {
  font-family: 'Cairo', 'Cairo', sans-serif;
}

body, p, span, a, input, textarea, button, select, .brand-font-body {
  font-family: 'Tajawal', 'Tajawal', sans-serif;
}