@import url("base.css");
/* MAREVA — seafoam, deep ocean, turquoise */
:root {
  --bg: #f2f7f6; --bg-hi: #fbfdfd; --bg-lo: #dcebe9; --bg-soft: #e7f1ef;
  --ink: #0e3a4a; --text: #33565f; --accent: #1d9e9e; --ink-on-accent: #fff;
  --halo: #f2f7f6; --scrim: #ecf4f2;
  --footer-bg: #082830; --footer-ink: #e8f2f1;
  --font-display: "Italiana", Georgia, serif;
  --font-body: "Inter", "Segoe UI", sans-serif;
  --display-weight: 400;
  --wordmark-size: 14vw; --wordmark-track: 0.18em;
  --grain-opacity: 0.035;
}
.stat b { color: var(--accent); }

/* Acts 4-5 play over water (mid-teal footage): copy flips to white w/ deep halo */
#act4 .act-title, #act5 .act-title { color: #f4fbfa; }
#act4 .act-body, #act5 .act-body { color: #e2f1ef; }
#act4 .act-label, #act5 .act-label { color: #f4fbfa; }
#act4 .act-title, #act4 .act-body, #act4 .act-label,
#act5 .act-title, #act5 .act-body, #act5 .act-label {
  text-shadow: 0 0 26px rgba(8, 40, 48, 0.9), 0 0 10px rgba(8, 40, 48, 0.75), 0 1px 3px rgba(8, 40, 48, 0.6);
}
#act5 .btn-ghost { color: #f4fbfa; border-color: rgba(244, 251, 250, 0.55); }
#act5 .btn-ghost:hover { background: #f4fbfa; color: var(--ink); }