:root{
  /* Ajel Brand Colors (from logo) */
  --ajel-teal:#00A6A6;
  --ajel-teal-dark:#008B8B;
  --ajel-blue:#1F3C88;
  --ajel-blue-2:#2F5AA8;

  --ajel-bg:#F7F9FC;
  --ajel-surface:#FFFFFF;
  --ajel-text:#1E1E1E;
  --ajel-muted:#6B7280;
  --ajel-border: rgba(31,60,136,.22);

  --ajel-success:#16A34A;
  --ajel-danger:#DC2626;

  --radius:12px;
  --shadow: 0 12px 28px rgba(0,0,0,.14);
}

/* Expo Arabic - Local */
@font-face{
  font-family:"Expo Arabic";
  src: url("../fonts/ExpoArabic/ExpoArabic-Light.ttf") format("truetype");
  font-weight:300;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Expo Arabic";
  src: url("../fonts/ExpoArabic/ExpoArabic-Book.ttf") format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Expo Arabic";
  src: url("../fonts/ExpoArabic/ExpoArabic-Medium.ttf") format("truetype");
  font-weight:500;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Expo Arabic";
  src: url("../fonts/ExpoArabic/ExpoArabic-SemiBold.ttf") format("truetype");
  font-weight:600;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Expo Arabic";
  src: url("../fonts/ExpoArabic/ExpoArabic-Bold.otf") format("opentype");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

html, body{
  font-family:"Expo Arabic", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  background: var(--ajel-bg);
  color: var(--ajel-text);
}

/* Ensure Latin digits in any JS formatting (UI rule: use English digits) */
[data-force-en-digits]{
  direction:ltr;
  unicode-bidi: plaintext;
}

/* Typography mapping */
h1, .h1{ font-weight:700; letter-spacing:.2px; }
h2, .h2{ font-weight:600; }
h3, .h3{ font-weight:600; }
h4, .h4{ font-weight:500; }
p, span, label, input, button, textarea, select{ font-weight:400; }
.small, .hint, .muted{ font-weight:300; color: var(--ajel-muted); }

/* Focus ring */
:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px rgba(0,166,166,.20);
}

/* Buttons */
.btn-primary{
  background: linear-gradient(90deg, var(--ajel-blue), var(--ajel-teal));
  color:#fff;
  border:none;
  border-radius:10px;
}

/* Simple transitions */
*{ transition: background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease; }


/* Icons (SVG sprite) */
.icon{width:22px;height:22px;display:inline-block;vertical-align:middle;color:currentColor;}
.icon use{pointer-events:none;}
.btn .icon{width:22px;height:22px;}

/* Saudi Riyal icon (Global currency) */
.ajel-sar{display:inline-flex;align-items:center;vertical-align:middle;}
.ajel-sar-icon{width:14px;height:14px;display:inline-block;vertical-align:middle;filter: drop-shadow(0 0 0 rgba(0,0,0,0));}

/* Final approved currency word */
.ajel-riyal{color:var(--ajel-blue);font-weight:800;}