/* BuddyOnline — shared visual foundation
   Black / charcoal / neutral gray / red.
   No blue. No full-screen scanline.
*/

:root{
  --bol-bg:#050505;
  --bol-bg-deep:#020202;
  --bol-panel:#0b0b0c;
  --bol-panel-2:#101011;
  --bol-red:#d9142b;
  --bol-red-bright:#ff3048;
  --bol-red-soft:rgba(217,20,43,.16);
  --bol-edge:rgba(205,205,210,.27);
  --bol-edge-soft:rgba(205,205,210,.14);
  --bol-text:#f2f2f3;
  --bol-muted:#8a8a90;
}

*{box-sizing:border-box}

html,body{
  margin:0;
  min-height:100%;
}

body{
  min-height:100vh;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--bol-text);
  background:
    radial-gradient(circle at 82% 8%,rgba(217,20,43,.08),transparent 25%),
    radial-gradient(circle at 18% 92%,rgba(217,20,43,.055),transparent 30%),
    linear-gradient(135deg,#020202,#090909 52%,#030303);
  overflow-x:hidden;
}

.bol-page{
  min-height:100vh;
  margin-left:260px;
  padding:28px;
}

@media(max-width:899px){
  .bol-page{
    margin-left:0;
    padding:84px 14px 24px;
  }
}