/* /assets/wcm.theme.css — Theme: Yacht Club (clean, airy) */
:root{
  --bg:#EEF2F6;
  --text:#081A2B;
  --muted:#425B6D;
  --tiny: rgba(66,91,109,.88);
  --line: rgba(8,26,43,.14);
  --accent:#118AB2;
  --accent2:#06D6A0;
  --max: 1120px;
  --pad: clamp(16px, 3vw, 28px);
  --topbar-bg: rgba(238,242,246,.92);
  --surface: rgba(255,255,255,.86);
  --btn-bg: rgba(8,26,43,.05);
  --btn-text: #081A2B;
  --btn-bg-hover: rgba(8,26,43,.09);
  --btn-border-hover: rgba(8,26,43,.22);
  --btn-primary-bg: #118AB2;          /* solid teal — no more transparent gradient */
  --btn-primary-text: #ffffff;
  --btn-primary-border: transparent;
  --logo-bg: linear-gradient(135deg, rgba(17,138,178,.95), rgba(6,214,160,.72));
  --logo-shadow: 0 14px 34px rgba(17,138,178,.18);
  --shadow: 0 22px 60px rgba(8,26,43,.16);
  --shadow-soft: 0 14px 34px rgba(8,26,43,.10);
  --radius: 16px;
  --radius2: 22px;
  --focus: rgba(17,138,178,.55);
}
body{
	
  background:
    radial-gradient(1200px 720px at 20% 0%, rgba(17,138,178,.14), transparent 58%),
    linear-gradient(180deg, #F7FAFC, #EEF2F6 62%, #E7EDF3);
}
/* HERO image (wakeboarding_female2.png) */
.heroMedia{
  background:
    url("../images/wakeboarding_female2.png") center / cover no-repeat;
}
/* Split image (boat) */
.splitImg{
  background:
    url("../images/Yamaha_255xe_sb.jpg") center / cover no-repeat;
}
/* Tiles */
.tileImg.sandbar{
  background-image: url("../images/Yamaha_255xe_playdate.jpg");
}
.tileImg.paddle{
  background-image: url("../images/wa-paddleboarding_couple.png");
}
.tileImg.lounge{
  background-image: url("../images/Yamaha_255xe_bow_lounge.jpg");
}
.tileImg.wake{
  background-image: url("../images/wa-wakeboarding_female1.png");
}
/* Hero text */
.heroKicker{
  color: #081A2B;
  font-weight: 500;
  text-shadow:
    0 0 8px rgba(255,255,255,.95),
    0 0 20px rgba(255,255,255,.80),
    0 0 40px rgba(255,255,255,.60);
}
.heroTitle{
  color: #081A2B;
  text-shadow: 0 1px 3px rgba(255,255,255,.60), 0 2px 12px rgba(255,255,255,.40);
}
.heroSub{
  color: #081A2B;
  font-weight: 400;
  text-shadow:
    0 0 8px rgba(255,255,255,.95),
    0 0 20px rgba(255,255,255,.80),
    0 0 40px rgba(255,255,255,.60);
}