:root{
  --bg:#0b0f14; --text:#f5fbff; --muted:#b9c9dd;
  --card:#101720; --card-border:#1e2a39;
  --brand:#54a3ff; --brand-2:#6dd6ff;
  --fan:#1e293b; --fan-2:#334155;     /* blue slate */
  --radio:#3b1e2b; --radio-2:#51243b; /* wine */
  --internet:#1e2b1f; --internet-2:#294a2b; /* green */
}
html,body{background:var(--bg); color:var(--text)}
a{color:#cfe6ff}
.muted,.text-muted{color:var(--muted)!important}
.card{background:var(--card); border:1px solid var(--card-border); border-radius:16px}
.btn-primary{background:var(--brand); border-color:var(--brand)}
.btn-outline-light{border-color:#cfe6ff;color:#cfe6ff}
.navbar-brand img{height:55px}
.text-bright{color:var(--text)!important}
.bg-fan{background:linear-gradient(135deg,var(--fan),var(--fan-2));}
.bg-radio{background:linear-gradient(135deg,var(--radio),var(--radio-2));}
.bg-internet{background:linear-gradient(135deg,var(--internet),var(--internet-2));}
.card-ghost{background:transparent;border:1px dashed var(--card-border)}
.footer{border-top:1px solid var(--card-border); color:var(--muted)}
.footer a{color:#d2e6ff;text-decoration:none}
.footer a:hover{text-decoration:underline}
/* Bright sections: force high-contrast text inside */
/* Bright sections: force high-contrast text inside */
.bright-section,
.bright-section p,
.bright-section li,
.bright-section small,
.bright-section .text-muted { color: var(--text) !important; opacity: 1 !important; }


/* Optional: cards look a touch crisper */
.card h1, .card h2, .card h3, .card h4, .card h5 { color: var(--text) }