:root {
  --bso-obsidian: #0B0E12;
  --bso-deep-blue: #0A1B3D;
  --bso-electric-cyan: #00E5FF;
  --bso-acid-lime: #CCFF00;
  --bso-hot-magenta: #FF00B8;
  --bso-fuego-amber: #FF9800;
  --bso-white: #FFFFFF;
  --bso-mist-grey: #D8E2EA;
  --bso-font-headline: 'Lato', 'Rajdhani', 'Bebas Neue', Arial, sans-serif;
  --bso-font-body: 'Inter', 'Montserrat', Arial, sans-serif;
}

.bso-media-badge {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  padding: .55rem .85rem;
  border: 1px solid rgba(0,229,255,.42);
  border-radius: 999px;
  color: var(--bso-electric-cyan);
  background: rgba(0,229,255,.08);
  font-family: var(--bso-font-body);
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.bso-fuego-gradient {
  background: linear-gradient(110deg, var(--bso-electric-cyan), var(--bso-acid-lime), var(--bso-hot-magenta));
}

.bso-dark-panel {
  background: radial-gradient(circle at top right, rgba(0,229,255,.18), transparent 34%), var(--bso-obsidian);
  color: var(--bso-white);
  border: 1px solid rgba(255,255,255,.1);
}