/* =====================================================================
   AM-REDESIGN · نظام التصميم الموحّد (Design Tokens)
   ملف مرجعي - يُطبّق لاحقاً على الموقع الرسمي بعد نجاح الاختبار
   كل المتغيّرات هنا هي المصدر الوحيد لألوان العلامة التجارية.
   ===================================================================== */

:root {
  /* الألوان الأساسية للعلامة */
  --am-brand:        #e94560;
  --am-brand-600:    #c13a52;
  --am-brand-700:    #a32f44;
  --am-brand-soft:   rgba(233, 69, 96, 0.12);

  /* ألوان داكنة (للنوافذ والأقسام الداكنة) */
  --am-ink:          #16213e;
  --am-ink-2:        #1a1a2e;
  --am-bg-dark:      #0f1226;

  /* محايدات */
  --am-text:         #1f2430;
  --am-text-muted:   #6b7280;
  --am-border:       #e6e8ef;
  --am-surface:      #ffffff;
  --am-surface-2:    #f7f8fb;

  /* حالات */
  --am-success:      #21a366;
  --am-warning:      #f4a623;
  --am-danger:       #e0413a;
  --am-info:         #2a9fd6;

  /* شكل وحجم */
  --am-radius:       14px;
  --am-radius-sm:    9px;
  --am-radius-pill:  999px;
  --am-shadow:       0 10px 30px rgba(15, 18, 38, .10);
  --am-shadow-sm:    0 4px 14px rgba(15, 18, 38, .08);
  --am-gap:          16px;

  /* تدرّج العلامة (CTA) */
  --am-grad:         linear-gradient(135deg, #e94560 0%, #ff6b6b 100%);

  /* خطوط */
  --am-font: "Noto Kufi Arabic", "Tajawal", system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* ---- مواءمة مكوّنات WHMCS مع لون العلامة (محافِظة) ---- */

a { color: var(--am-brand); }
a:hover { color: var(--am-brand-600); }

.btn-primary,
.btn-outline-primary:hover {
  background: var(--am-brand) !important;
  border-color: var(--am-brand) !important;
  color: #fff !important;
}
.btn-primary:hover { background: var(--am-brand-600) !important; border-color: var(--am-brand-600) !important; }

.btn-outline-primary {
  color: var(--am-brand) !important;
  border-color: var(--am-brand) !important;
}

.badge-info { background-color: var(--am-brand) !important; }

.text-primary { color: var(--am-brand) !important; }

/* روابط شريط التنقّل النشطة */
.navbar-nav .nav-item.active > .nav-link,
.navbar-nav .nav-link:hover { color: var(--am-brand) !important; }

/* عناوين الصفحات */
#main-body h1, #main-body h2 { font-weight: 700; }