@font-face {
  font-family: "Qiyam DIN Arabic";
  font-style: normal;
  font-weight: 400;
  src: local("DIN NEXT\2122 ARABIC REGULAR"),
    local("DIN Next LT Arabic Regular"),
    local("DINNextLTArabic-Regular"),
    local("DIN Next Arabic Regular");
}

:root {
  --qyem-primary: #103184;
  --qyem-navy: #100e66;
  --qyem-blue: #1061b2;
  --qyem-sky: #85bde5;
  --qyem-background: #f6f8fb;
  --qyem-surface: #ffffff;
  --qyem-surface-soft: #eef5fb;
  --qyem-border: #dbe5ef;
  --qyem-text: #162033;
  --qyem-muted: #667085;
  --qyem-success: #16794c;
  --qyem-warning: #b7791f;
  --qyem-danger: #c0392b;
  --qyem-info: #0f609b;
  --qyem-radius-sm: 6px;
  --qyem-radius-md: 8px;
  --qyem-radius-lg: 12px;
  --qyem-shadow-sm: 0 1px 2px rgba(16, 49, 132, 0.08);
  --qyem-shadow-md: 0 10px 28px rgba(16, 49, 132, 0.12);
  --qyem-font-ar: "Qiyam DIN Arabic", "DIN NEXT\2122 ARABIC REGULAR", "DIN Next LT Arabic", "DINNextLTArabic-Regular", Cairo, Tahoma, Arial, sans-serif;
  --qyem-space-1: 4px;
  --qyem-space-2: 8px;
  --qyem-space-3: 12px;
  --qyem-space-4: 16px;
  --qyem-space-5: 20px;
  --qyem-space-6: 24px;
  --qyem-space-8: 32px;
}