/* ============================================================
   Dr Mahmoud AI — Design Tokens
   المصدر الوحيد لألوان ومقاييس الهوية. لا تكتب لونًا مباشرًا
   في أي مكوّن؛ استخدم متغيرًا من هنا.
   ============================================================ */
:root {
  /* --- ألوان الهوية الأساسية --- */
  --dm-midnight:   #060E28;
  --dm-navy-900:   #03133B;
  --dm-navy-800:   #061B4F;
  --dm-blue-500:   #2477F3;
  --dm-cyan-400:   #12C7D6;
  --dm-purple-500: #8149F5;
  --dm-white:      #FFFFFF;
  --dm-bg-light:   #F5F8FF;
  --dm-ink:        #101828;

  /* --- اشتقاقات تحقق تباين AA على الخلفية الفاتحة ---
     #2477F3 مع نص أبيض = 4.19:1 (راسب). لذلك:
     blue-600 = 5.84:1  |  cyan-700 نصّي  |  purple-500 = 4.99:1 (ناجح) */
  --dm-blue-600:   #1B5FD0;
  --dm-blue-700:   #14489E;
  --dm-cyan-700:   #0E7E8A;
  --dm-purple-600: #6C34DE;

  /* --- ألوان الحالة --- */
  --dm-success:      #12B76A;
  --dm-success-text: #027A48;
  --dm-success-bg:   #E5F7EF;
  --dm-warning:      #F79009;
  --dm-warning-text: #B54708;
  --dm-warning-bg:   #FDF2E3;
  --dm-error:        #F04438;
  --dm-error-text:   #B42318;
  --dm-error-bg:     #FDECEA;

  /* --- الأسطح والنص --- */
  --dm-bg:            #FFFFFF;
  --dm-surface:       #FFFFFF;
  --dm-surface-2:     #F5F8FF;
  --dm-surface-3:     #E7EEFA;
  --dm-border:        #DCE5F2;
  --dm-border-strong: #C3D2E8;
  --dm-text:          #101828;
  --dm-text-2:        #2C3E5E;
  --dm-text-muted:    #5A6B87;
  --dm-text-invert:   #FFFFFF;

  /* --- التدرجات: للأسطح الكحلية الكبيرة فقط، بحد أقصى اثنين للصفحة --- */
  --dm-gradient-brand: linear-gradient(135deg, #061B4F 0%, #2477F3 55%, #12C7D6 100%);
  --dm-gradient-ring:  linear-gradient(135deg, #12C7D6 0%, #2477F3 50%, #8149F5 100%);

  /* --- الخطوط --- */
  --dm-font-display: "Alexandria", "Segoe UI", system-ui, sans-serif;
  --dm-font-body:    "IBM Plex Sans Arabic", "Segoe UI", system-ui, sans-serif;

  --dm-fs-h1:   clamp(2rem, 5vw, 3rem);
  --dm-fs-h2:   clamp(1.5rem, 3.2vw, 2rem);
  --dm-fs-h3:   1.25rem;
  --dm-fs-body: 1rem;
  --dm-fs-sm:   0.875rem;
  --dm-fs-label:0.75rem;

  --dm-lh-tight: 1.25;
  --dm-lh-body:  1.8;
  --dm-measure:  70ch;
  --dm-wrap:     1100px;

  /* أيقونة واتساب مضمّنة — بلا طلب شبكة */
  --dm-wa-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.46 1.32 4.96L2 22l5.25-1.38a9.9 9.9 0 0 0 4.79 1.22c5.46 0 9.91-4.45 9.91-9.91C21.96 6.45 17.5 2 12.04 2zm5.82 14.14c-.24.68-1.4 1.3-1.93 1.38-.49.07-1.11.1-1.79-.11-.41-.13-.94-.31-1.62-.6-2.85-1.23-4.71-4.1-4.85-4.29-.14-.19-1.16-1.54-1.16-2.94 0-1.4.73-2.09.99-2.37.26-.28.57-.35.76-.35h.55c.18 0 .41-.07.64.49.24.57.81 1.98.88 2.12.07.14.12.31.02.5-.09.19-.14.31-.28.47-.14.16-.29.36-.42.48-.14.14-.28.29-.12.57.16.28.72 1.19 1.55 1.93 1.07.95 1.97 1.25 2.25 1.39.28.14.44.12.6-.07.16-.19.69-.81.88-1.09.19-.28.37-.23.62-.14.26.09 1.65.78 1.93.92.28.14.47.21.54.33.07.12.07.68-.17 1.36z'/%3E%3C/svg%3E");


  /* --- المسافات: مضاعفات 4 --- */
  --dm-space-1: 4px;
  --dm-space-2: 8px;
  --dm-space-3: 12px;
  --dm-space-4: 16px;
  --dm-space-6: 24px;
  --dm-space-8: 32px;
  --dm-space-12: 48px;
  --dm-space-16: 64px;
  --dm-space-24: 96px;

  /* --- الحواف والظلال والتحكم --- */
  --dm-radius-sm: 8px;
  --dm-radius-md: 12px;
  --dm-radius-pill: 999px;
  --dm-shadow-sm: 0 1px 2px rgba(16,24,40,.06);
  --dm-shadow-md: 0 1px 2px rgba(16,24,40,.05), 0 8px 24px -12px rgba(16,24,40,.14);
  --dm-control-h: 48px;
  --dm-control-h-mobile: 52px;
}

/* الوضع الداكن — اختياري، يُفعّل في مرحلة لاحقة.
   القيم معرّفة الآن حتى لا يُكتب لون داكن داخل مكوّن. */
:root[data-dm-theme="dark"] {
  --dm-bg:            #050F26;
  --dm-surface:       #0A1836;
  --dm-surface-2:     #0E2148;
  --dm-surface-3:     #132A57;
  --dm-border:        #1E3465;
  --dm-border-strong: #2C477F;
  --dm-text:          #E9EFFA;
  --dm-text-2:        #C6D4EC;
  --dm-text-muted:    #93A6C6;
  --dm-blue-600:      #6BA3FF;
  --dm-cyan-700:      #3FD3E0;
  --dm-purple-600:    #B096FF;
}

@media (max-width: 640px) {
  :root { --dm-control-h: var(--dm-control-h-mobile); }
}