/* Sea You — Opatija Boat Party theme overrides.
   Loaded after event.css on /opatija-boat-party-2026/ pages only:
   swaps the sunset-orange page gradient for a sea-blue one and moves the
   magenta/plum accents (boat silhouette, waves, countdown, DJ tags) into
   the same marine palette. Warm sun/gold/orange accents stay as contrast. */

:root {
  /* Boat hull, headliner tag, DJ role labels, photo-frame gradient */
  --color-castle-magenta: #0d6a9e;
  /* Hull shadow tones, water line, silhouette hover state */
  --color-castle-shadow: #063a5c;
  /* Hero waves, poster title/date, countdown card border & text */
  --color-poster-dark: #04263f;
}

/* event.css hardcodes a dark-plum hover fill for the silhouette */
.hero-fullscreen:hover .castle-path--keep {
  fill: #052e49;
}

html {
  /* Matches the sea-blue gradient mid-tone so any uncovered sliver blends in */
  background-color: #0a6ea8;
}

body::after {
  background: linear-gradient(135deg,
      #023e63 0%,
      #0a6ea8 50%,
      #2fb1c9 100%);
}

/* Weekly sailings: the poster shows the day word instead of stacked date digits,
   so it needs a smaller size than event.css's huge two-digit lines */
.hero-poster-date--word {
  font-size: clamp(1.7rem, 3.6vw, 3rem);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}