:root{
  --mm-blue:#50b7ff;
  --mm-orange:#ff8c3a;
}
/* Global dark theme overrides (template default text is dark). */
body {
  background: radial-gradient(1200px 600px at 20% 10%, rgba(0, 153, 255, 0.10), transparent 60%),
              radial-gradient(900px 500px at 80% 20%, rgba(255, 140, 0, 0.10), transparent 55%),
              #050A13;
  color: #E5E7EB;
}

h1, h2, h3, h4, h5, h6 {
  color: #F8FAFC;
}

/* Improve readability on dark background */
p, li, .text-muted {
  color: #C7D2FE;
}

/* Keep links readable */
a {
  color: #93C5FD;
}

a:hover {
  color: #BFDBFE;
}

.mm-blue{ color: var(--mm-blue) !important; }
.mm-orange{ color: var(--mm-orange) !important; }
.nav-item{ color: rgba(255,255,255,0.8); font-weight: 500; }
.nav-item:hover{ color: #fff; }
.mm-alert{ border-radius: 12px; padding: 12px 14px; border: 1px solid rgba(255,255,255,0.15); }
.mm-alert-success{ background: rgba(30,160,80,0.12); color: rgba(255,255,255,0.9); }
.mm-alert-error{ background: rgba(220,60,60,0.12); color: rgba(255,255,255,0.9); }
.mm-card{ border:1px solid rgba(255,255,255,0.10); background: rgba(0,0,0,0.25); border-radius: 18px; overflow:hidden; }
.mm-card img{ width:100%; height:auto; display:block; }
.mm-badge{ padding:4px 10px; border-radius:999px; font-size:12px; border:1px solid rgba(255,255,255,0.14); background: rgba(0,0,0,0.30); }
.mm-input{ width:100%; padding:12px 14px; border-radius: 12px; border:1px solid rgba(255,255,255,0.16); background: rgba(0,0,0,0.25); color:#fff; }
.mm-input::placeholder{ color: rgba(255,255,255,0.5); }
.mm-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 16px; border-radius: 12px; background: rgba(80,183,255,0.18); border:1px solid rgba(80,183,255,0.35); color:#fff; font-weight:600; }
.mm-btn:hover{ background: rgba(80,183,255,0.26); }
.mm-btn-orange{ background: rgba(255,140,58,0.18); border-color: rgba(255,140,58,0.35); }
.mm-btn-orange:hover{ background: rgba(255,140,58,0.26); }

/* Minimal prose styling */
.prose{ color: rgba(255,255,255,0.78); }
.prose p{ margin: 0 0 1rem 0; line-height: 1.7; }
.prose h2{ color:#fff; font-weight:800; margin-top:1.8rem; margin-bottom:0.7rem; font-size:1.5rem; }
.prose h3{ color:#fff; font-weight:700; margin-top:1.4rem; margin-bottom:0.6rem; font-size:1.25rem; }
.prose ul{ margin: 0.5rem 0 1rem 1.2rem; list-style: disc; }
.prose li{ margin: 0.3rem 0; }
.prose a{ color: var(--mm-blue); text-decoration: underline; }

/* ------------------------------------------------------------------
   Compatibility utilities
   ------------------------------------------------------------------
   The Gamoria template ships with a curated Tailwind build that uses
   a custom palette (nu1/nu2/...) and does NOT include some common
   Tailwind utility names we used in templates (e.g. text-white/70).

   These aliases keep the markup readable without rebuilding Tailwind.
   ------------------------------------------------------------------ */

/* Text */
.text-white{ color: rgba(255,255,255,1) !important; }
.text-white\/90{ color: rgba(255,255,255,0.90) !important; }
.text-white\/80{ color: rgba(255,255,255,0.80) !important; }
.text-white\/70{ color: rgba(255,255,255,0.70) !important; }
.text-white\/60{ color: rgba(255,255,255,0.60) !important; }
.text-white\/50{ color: rgba(255,255,255,0.50) !important; }
.text-white\/40{ color: rgba(255,255,255,0.40) !important; }
.text-white\/30{ color: rgba(255,255,255,0.30) !important; }
.text-white\/20{ color: rgba(255,255,255,0.20) !important; }
.text-white\/10{ color: rgba(255,255,255,0.10) !important; }
.hover\:text-white:hover{ color: rgba(255,255,255,1) !important; }

/* Borders */
.border-white{ border-color: rgba(255,255,255,1) !important; }
.border-white\/20{ border-color: rgba(255,255,255,0.20) !important; }
.border-white\/15{ border-color: rgba(255,255,255,0.15) !important; }
.border-white\/10{ border-color: rgba(255,255,255,0.10) !important; }

/* Underline */
.underline{ text-decoration: underline; }