:root {
  --color-primary: #173D8F;
  --color-primary-2: #255EA8;
  --color-green: #5DAA43;
  --color-green-light: #7BC143;
  --color-bg: #F8FAFC;
  --color-surface: #FFFFFF;
  --color-text: #1F2937;
  --color-muted: #64748B;
  --color-line: #D8E7F7;
  --color-blue-soft: #EAF6FF;
  --color-green-soft: #EEF8EA;
  --color-shadow: rgba(23, 61, 143, 0.12);
  --font-body: "Poppins", "Cairo", "Tajawal", Arial, sans-serif;
  --font-arabic: "Cairo", "Tajawal", Arial, sans-serif;
  --container: 1180px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;
  --shadow-sm: 0 10px 24px rgba(23, 61, 143, 0.08);
  --shadow-md: 0 18px 48px rgba(23, 61, 143, 0.14);
  --space-section: clamp(64px, 8vw, 112px);
  --header-height: 82px;
}