:root{
    --mm-color: #ff7f50;
}

.btn-primary {
    color:  white !important;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

* {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}

/* ================================================
   PRO THEME — Global Typography & Base Overrides
   ================================================ */
:root {
  /* --bs-dark:    #1c1e2e; */
  --pro-gold:    #c5973a;
  --pro-cream:   #faf8f5;
  --pro-ivory:   #f4f1ec;
  --pro-border:  rgba(0,0,0,0.07);
  --pro-text:    #2c2c3a;
  --pro-muted:   #6b7280;
  --pro-shadow-sm: 0 1px 4px rgba(0,0,0,0.04), 0 4px 16px rgba(0,0,0,0.04);
  --pro-shadow-md: 0 4px 16px rgba(0,0,0,0.06), 0 12px 40px rgba(0,0,0,0.05);
  --pro-shadow-lg: 0 8px 40px rgba(0,0,0,0.09), 0 24px 80px rgba(0,0,0,0.06);
  --pro-radius-sm: 14px;
  --pro-radius:    20px;
  --pro-radius-lg: 28px;
}

html[lang="fr"] body,
html[lang="en"] body {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  color: var(--pro-text);
  font-size: 15px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html[lang="fr"] h1, html[lang="fr"] h2, html[lang="fr"] h3, html[lang="fr"] h4,
html[lang="en"] h1, html[lang="en"] h2, html[lang="en"] h3, html[lang="en"] h4 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--bs-dark);
  line-height: 1.2;
}

/* ── Arabic Typography ─────────────────────────────────────── */
html[lang="ar"] body {
  font-family: 'Cairo', 'Tajawal', system-ui, sans-serif;
  color: var(--pro-text);
  font-size: 15px;
  line-height: 1.9;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: right;
}

html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3,
html[lang="ar"] h4, html[lang="ar"] h5, html[lang="ar"] h6 {
  font-family: 'Cairo', 'Tajawal', system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  color: var(--bs-dark);
  line-height: 1.4;
}

section { scroll-margin-top: 80px; }

.bg-light  { background-color: var(--pro-cream) !important; }
.text-secondary { color: var(--pro-muted) !important; }
.text-muted     { color: var(--pro-muted) !important; }
a { transition: color 0.2s ease; }

/* ── Spacing utilities ──────────────────────────────────────── */
.py-6 { padding-top: 5rem !important; padding-bottom: 5rem !important; }
.pt-6 { padding-top: 5rem !important; }
.pb-6 { padding-bottom: 5rem !important; }