/* Maranza UI Contrast Fixes */
:root{
  --mx-bg: #0b0f14;
  --mx-surface: #111827;
  --mx-surface-2: #0f172a;
  --mx-text: #e5e7eb;
  --mx-text-soft: #cbd5e1;
  --mx-accent: #22c55e;
  --mx-border: #334155;
  --mx-danger: #ef4444;
}

body{ background: var(--mx-bg)!important; color: var(--mx-text)!important; }
h1,h2,h3,h4,h5,h6{ color: var(--mx-text)!important; }
.text-muted, .muted, small, .form-text{ color: var(--mx-text-soft)!important; }

.card, .login-card, .modal-content, .dropdown-menu{ background: var(--mx-surface)!important; color: var(--mx-text)!important; border: 1px solid var(--mx-border)!important; }

.navbar, header.site-header{ background: var(--mx-surface-2)!important; border-bottom: 1px solid var(--mx-border)!important; }
.navbar a, header.site-header a{ color: var(--mx-text)!important; }

a{ color: var(--mx-accent)!important; }
a:hover{ opacity: .9; }

.btn-maranza, .btn-primary{ background: var(--mx-accent)!important; border-color: var(--mx-accent)!important; color: #051b0e!important; }
.btn-outline-maranza, .btn-outline-primary{ background: transparent!important; border-color: var(--mx-accent)!important; color: var(--mx-accent)!important; }
.btn-outline-maranza:hover, .btn-outline-primary:hover{ background: rgba(34,197,94,.1)!important; }

.form-control, input[type=text], input[type=email], input[type=password], select, textarea{
  background: #0e141b!important;
  color: var(--mx-text)!important;
  border: 1px solid var(--mx-border)!important;
}
.form-control::placeholder{ color: #9aa5b1!important; }
.form-control:focus{ outline: none!important; box-shadow: none!important; border-color: var(--mx-accent)!important; }

.badge-maranza, .badge-primary{ background: rgba(34,197,94,.15)!important; color: var(--mx-accent)!important; border: 1px solid rgba(34,197,94,.35)!important; }

/* Login specific areas */
.login-card .form-label{ color: var(--mx-text)!important; }
.login-card .help-text{ color: var(--mx-text-soft)!important; }

/* Tables & lists */
.table{ color: var(--mx-text)!important; }
.table thead th{ color: var(--mx-text)!important; border-bottom: 1px solid var(--mx-border)!important; }
.table td, .table th{ border-top: 1px solid var(--mx-border)!important; }

/* Hero title contrast */
.hero { background: linear-gradient(180deg, rgba(17,24,39,.8), rgba(11,15,20,.8)); color: var(--mx-text)!important; }