/* artal.cloud — الهوية المشتركة لارتال تك
 * لوحة الألوان مشتقّة من الأزرق المؤسسي لمجموعة ارتال (#086ABD). */
:root {
  --primary: #086ABD;   /* أزرق ارتال المؤسسي */
  --secondary: #0A2540; /* كحلي للعمق المؤسسي */
  --accent: #00C2CB;    /* سماوي تقني حديث */
  --ink: #0B1220;       /* شبه أسود للأقسام الداكنة */
  --surface: #F4F7FB;   /* أبيض مائل للبرودة */
  --muted: #5B6B7C;     /* نص ثانوي */
  --hair: #E2E8F0;      /* حدود شعرية */
}

body {
  font-family: "IBM Plex Sans Arabic", "Inter", system-ui, -apple-system, sans-serif;
}
html[lang="en"] body {
  font-family: "Inter", "IBM Plex Sans Arabic", system-ui, -apple-system, sans-serif;
}

html { scroll-behavior: smooth; }
.section { scroll-margin-top: 5rem; }

/* التدرّجات المميّزة (توقيع الهوية: أزرق ← سماوي) */
.grad       { background: linear-gradient(135deg, var(--primary), var(--accent)); }
.grad-deep  { background: linear-gradient(150deg, var(--secondary), var(--primary)); }
.grad-ink   { background: linear-gradient(160deg, var(--ink), var(--secondary)); }
.grad-text  {
  background: linear-gradient(120deg, var(--primary), var(--accent));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}

/* البطاقات */
.card { transition: transform .2s, box-shadow .2s, border-color .2s; }
.card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 40px rgba(8, 106, 189, .12);
  border-color: #cfe0f0;
}

/* حالة النموذج */
.form-status { min-height: 1.25rem; }

/* نقش خفيف لخلفية الأقسام الداكنة */
.dot-grid {
  background-image: radial-gradient(rgba(255,255,255,.10) 1px, transparent 1px);
  background-size: 22px 22px;
}