/* Enjoy Lagos Boats — "Royal purple & gold" theme */
:root{
  --bg:#f7f2fc; --surface:#ffffff;
  --lilac-100:#efe5fb; --lilac-200:#dcc8f5; --lilac:#b08ae8; --lilac-soft:#d6bff7;
  --lavender:#6b45ad;
  --purple:#5b1bb8; --purple-deep:#3e0d86; --violet:#8a4bf0;
  --ink:#1d1230; --muted:#5f5478; --line:#e4d5f5;
  --plum-950:#10051f; --plum-900:#1b0936; --plum-800:#2b0f55;
  --gold:#d6ab4f; --star:#d6ab4f;
  --shadow:0 22px 48px -24px rgba(62,13,134,.45);
}
.btn-primary{
  background:linear-gradient(135deg,var(--purple-deep) 0%,var(--purple) 55%,var(--violet) 100%)!important;
  color:#fff!important; border:0!important;
  box-shadow:0 10px 26px -10px rgba(91,27,184,.7)!important;
  transition:transform .2s, box-shadow .2s;
}
.btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px -12px rgba(91,27,184,.85),0 0 0 2px var(--gold)!important;
}
header.site{
  background:linear-gradient(90deg,var(--plum-950),var(--plum-800))!important;
  border-bottom:1px solid rgba(214,171,79,.35)!important;
}
header.site .btn-primary{
  background:linear-gradient(135deg,#e9c873,var(--gold))!important;
  color:var(--plum-950)!important;
  box-shadow:0 8px 22px -10px rgba(214,171,79,.8)!important;
}
.hero{
  background:
    radial-gradient(900px 520px at 85% 10%,rgba(138,75,240,.22),transparent 60%),
    radial-gradient(700px 480px at 0% 90%,rgba(214,171,79,.12),transparent 60%),
    var(--bg)!important;
}
h1 em{
  background:linear-gradient(90deg,var(--purple-deep),var(--violet));
  -webkit-background-clip:text; background-clip:text; color:transparent!important;
}
#ticker{background:linear-gradient(90deg,var(--plum-900),var(--plum-800))!important;color:#f3e6c4!important}
#ticker *{color:inherit!important}
footer.site{background:var(--plum-950)!important;color:#e9def8!important}
#charters article,#fleet article{transition:transform .25s, box-shadow .25s}
#charters article:hover,#fleet article:hover{
  transform:translateY(-4px);
  box-shadow:0 26px 50px -24px rgba(62,13,134,.55),0 0 0 1px rgba(214,171,79,.45);
}
@media (prefers-reduced-motion:reduce){
  .btn-primary,#charters article,#fleet article{transition:none}
  .btn-primary:hover,#charters article:hover,#fleet article:hover{transform:none}
}