:root {
  --navy: #203747;
  --page: #f5f6f8;
  --ink: #303840;
  --lilac: #b6a5d2;
  --purple: #6c528f;
  --muted: #5a6670;
  --line: #d2d8dd;
}

body, .overview { background: var(--page); color: var(--ink); }
h1, .getmusic, .releases h2 { color: var(--navy); }
button:focus-visible, a:focus-visible, input:focus-visible {
  outline-color: var(--purple);
}

.site-nav {
  max-width: none;
  margin: 0;
  padding: 18px max(24px, calc((100% - 800px) / 2));
  background: var(--navy);
  color: #fff;
}
.hero { background: var(--navy); }
body[data-album-title="Luca de Winter · Anker"] .hero::before { background-image: url("assets/anker/cover.jpg"); }
body[data-album-title="Luca de Winter · Sichtbar"] .hero::before { background-image: url("assets/sichtbar/cover.jpg"); }
body[data-album-title="Luc et Noir · Nuits Interdites"] .hero::before { background-image: url("assets/nuits-interdites/cover.jpg"); }
.heroart > button { background: #ffffff40; }
.covericon { background: #203747eb; color: #fff; }

.service, .social a {
  background: var(--navy);
  border-color: var(--navy);
  color: #fff;
  transition: background .15s, border-color .15s, color .15s;
}
.service:hover, .social a:hover,
.service:focus-visible, .social a:focus-visible,
.service:active, .social a:active {
  background: var(--lilac);
  border-color: var(--lilac);
  color: var(--navy);
}
.social img { opacity: 1; filter: brightness(0) invert(1); }

.play { background: var(--navy); color: #fff; }
.play:hover, .play:active, .play:focus-visible, .play[aria-pressed=true] { background: var(--lilac); color: var(--navy); }
.progress input, .native-player { accent-color: var(--purple); }
.track { border-color: var(--line); }
.track:last-child { border-bottom-color: var(--line); }
.track.active { background: #b6a5d226; }
.releases { border-color: var(--line); }
.releases a:hover { color: var(--purple); }
footer { color: var(--muted); }

.overview-header {
  max-width: none;
  background: var(--navy);
  color: #fff;
  border-bottom: 0;
}
.overview-heading { max-width: 896px; margin: 0 auto; }
.overview-heading h1 { color: #fff; }
.overview-heading p { color: #dce4eb; }
.album-card { background: #fff; color: var(--ink); border-color: var(--line); }
.album-card:hover { border-color: var(--purple); }
.album-caption h2 { color: var(--navy); }
.album-caption p { color: var(--muted); }
.album-action { background: var(--navy); border-color: var(--navy); color: #fff; }
.album-card:hover .album-action,
.album-card:focus-visible .album-action,
.album-card:active .album-action { background: var(--lilac); border-color: var(--lilac); color: var(--navy); }
.overview-social { border-color: var(--line); }
.overview-social h2 { color: var(--navy); }

.service.amazon-music{justify-content:flex-start}.service.amazon-music img{display:block;width:30px;height:26px;flex:0 0 30px;object-fit:contain}@media(max-width:600px){.service.amazon-music{font-size:16px}.service.amazon-music img{width:26px;height:24px;flex-basis:26px}}

.social a:hover img, .social a:focus-visible img, .social a:active img,
.service.amazon-music:hover img, .service.amazon-music:focus-visible img, .service.amazon-music:active img {
  filter: brightness(0) saturate(100%) invert(17%) sepia(19%) saturate(1219%) hue-rotate(163deg) brightness(95%) contrast(91%);
}

.releases a>span{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:10px 12px;background:var(--navy);color:#fff;border:1px solid var(--navy);border-radius:26px;font-size:17px;line-height:1.25;transition:background .15s,border-color .15s,color .15s}.releases a:hover>span,.releases a:focus-visible>span,.releases a:active>span{background:var(--lilac);border-color:var(--lilac);color:var(--navy)}@media(max-width:600px){.releases a>span{min-height:64px;padding:9px 8px;font-size:16px;overflow-wrap:anywhere}}