/* Telstar-FM.NL neon palette - gebaseerd op het aangeleverde logo */
:root{
  --telstar-black:#010008;
  --telstar-night:#02000d;
  --telstar-navy:#04152f;
  --telstar-panel:#061b39;
  --telstar-blue:#008cff;
  --telstar-cyan:#24b8ff;
  --telstar-indigo:#394dff;
  --telstar-violet:#7b2cff;
  --telstar-purple:#a51bd4;
  --telstar-magenta:#ff008c;
  --telstar-pink:#ff35ad;
  --telstar-white:#f4f5f7;
  --telstar-silver:#aeb6c5;
  --telstar-border:#164f86;

  --red:var(--telstar-magenta) !important;
  --light:var(--telstar-cyan) !important;
  --bg:var(--telstar-black) !important;
  --panel:var(--telstar-panel) !important;
  --border:var(--telstar-border) !important;
  --muted:#b7c5d9 !important;
}
html,body{
  background:
    radial-gradient(circle at 18% 0,rgba(0,140,255,.18),transparent 30%),
    radial-gradient(circle at 82% 0,rgba(255,0,140,.15),transparent 30%),
    linear-gradient(180deg,#010008 0%,#03142c 48%,#010008 100%) !important;
  color:var(--telstar-white) !important;
}
.site-header,.radio-header,.topbar,.main-header{
  background:linear-gradient(90deg,rgba(1,0,8,.98),rgba(3,20,44,.98),rgba(7,3,28,.98)) !important;
  border-color:#13558f !important;
  box-shadow:0 8px 30px rgba(0,0,0,.38) !important;
}
nav a:hover,nav a.active,.eyebrow,.footer-player-label{
  color:var(--telstar-cyan) !important;
  text-shadow:0 0 12px rgba(36,184,255,.45);
}
.button.primary,.primary,.listen-live,.footer-play-button{
  color:#fff !important;
  background:linear-gradient(135deg,#008cff 0%,#394dff 46%,#ff008c 100%) !important;
  border-color:#31c2ff !important;
  box-shadow:0 0 14px rgba(0,140,255,.42),0 0 28px rgba(255,0,140,.22) !important;
}
.button.primary:hover,.primary:hover,.listen-live:hover,.footer-play-button:hover{
  filter:brightness(1.12);
  box-shadow:0 0 20px rgba(0,140,255,.58),0 0 36px rgba(255,0,140,.32) !important;
}
.button.secondary,.login{
  background:linear-gradient(135deg,rgba(0,140,255,.12),rgba(255,0,140,.10)) !important;
  border-color:#285f9a !important;
}
.cards article,.inner-page-card,.live-player-card,.radio-footer-player,.program-card,.news-card,.request-card,.contact-card,.dj-card{
  background:
    radial-gradient(circle at top right,rgba(255,0,140,.08),transparent 38%),
    linear-gradient(180deg,rgba(6,27,57,.96),rgba(2,7,20,.98)) !important;
  border-color:#17558d !important;
  box-shadow:0 18px 45px rgba(0,0,15,.55),inset 0 1px 0 rgba(36,184,255,.05) !important;
}
.cards article:hover,.program-card:hover,.news-card:hover,.dj-card:hover{
  border-color:#168fe0 !important;
  box-shadow:0 18px 45px rgba(0,0,15,.55),0 0 20px rgba(0,140,255,.12) !important;
}
.cards b,.status-badge,.live-badge{
  color:#fff !important;
  background:linear-gradient(135deg,#008cff,#6540ff 48%,#ff008c) !important;
  box-shadow:0 0 16px rgba(255,0,140,.20) !important;
}
.live-strip,.radio-benefits{
  background:linear-gradient(90deg,#041b3d 0%,#083a73 30%,#43277f 65%,#8d0c68 100%) !important;
  border-color:#168fe0 !important;
}
.radio-benefits>div{border-color:rgba(36,184,255,.28) !important}
.radio-benefit-icon{color:#22b7ff !important;text-shadow:0 0 14px rgba(0,140,255,.5)}
.radio-footer{
  background:
    radial-gradient(circle at top right,rgba(255,0,140,.13),transparent 35%),
    radial-gradient(circle at top left,rgba(0,140,255,.14),transparent 35%),
    #010713 !important;
  border-color:#164f86 !important;
}
.radio-footer-column{border-color:#164f86 !important}
.footer-social-icon{background:linear-gradient(135deg,#008cff,#7b2cff,#ff008c) !important}
.footer-wave i{background:linear-gradient(180deg,#ff008c,#7b2cff,#008cff) !important;box-shadow:0 0 7px rgba(0,140,255,.28)}
.radio-footer-bottom{border-color:#164f86 !important}
.inner-page-hero,.hero{background-color:#010008 !important}
.inner-page-hero-overlay,.shade{
  background:
    radial-gradient(circle at 72% 32%,rgba(255,0,140,.18),transparent 24%),
    radial-gradient(circle at 35% 28%,rgba(0,140,255,.16),transparent 27%),
    linear-gradient(90deg,rgba(1,0,8,.94),rgba(3,18,45,.58),rgba(1,0,8,.88)) !important;
}
input,textarea,select{
  background:#04142b !important;
  border-color:#19588f !important;
  color:#fff !important;
}
input:focus,textarea:focus,select:focus{
  border-color:#24b8ff !important;
  box-shadow:0 0 0 3px rgba(0,140,255,.15),0 0 16px rgba(255,0,140,.08) !important;
}
a{--accent:#24b8ff}
::selection{background:#ff008c;color:#fff}