/* MATTBEAR industrial luxury theme v2 */
:root{
--mb-bg:#090909;
--mb-panel:#141414;
--mb-panel-2:#1d1d1d;
--mb-gold:#caa96b;
--mb-gold-soft:#8f7445;
--mb-cyan:#7fb7c9;
--mb-magenta:#c86bbd;
--mb-green:#8fd66f;
--mb-amber:#e0a94f;
--mb-red:#a13d3d;
--mb-text:#f0eee9;
--mb-muted:#9da2a8;
--mb-border:rgba(255,255,255,.09);
}
body{
background:#090909;
color:var(--mb-text);
font-family:Bahnschrift,Arial,sans-serif;
}
.mb-panel{
background:linear-gradient(180deg,var(--mb-panel),var(--mb-panel-2));
border:1px solid var(--mb-border);
border-radius:18px;
box-shadow:0 12px 40px rgba(0,0,0,.45);
}
.mb-button{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:38px;
padding:10px 18px;
border-radius:12px;
border:1px solid var(--mb-border);
background:rgba(255,255,255,.04);
color:var(--mb-text);
font-weight:800;
text-transform:uppercase;
letter-spacing:.035em;
text-decoration:none;
}
.mb-primary{background:linear-gradient(180deg,var(--mb-gold),var(--mb-gold-soft));color:#090909;border:0}
.mb-system{border-color:rgba(127,183,201,.36)}
.mb-media{border-color:rgba(200,107,189,.36)}
.mb-live{border-color:rgba(143,214,111,.36)}
.mb-alert{border-color:rgba(224,169,79,.36)}
.mb-arcade{border-color:rgba(161,61,61,.38)}
.mb-button:hover{transform:translateY(-1px);transition:.18s ease}