/* Shared homepage coast. Phase and luminance come from coastal-scene.js;
   the fallback uses the same interpolated palette as the live water. */
:root{
  --sky-ink:#3A3230;
  --sky-sub:rgba(58,50,48,.72);
  --sky-shadow:0 1px 0 rgba(255,255,255,.45);
  --sea-fallback-1:#BEE0F0;
  --sea-fallback-2:#7FCBDE;
  --sea-fallback-3:#2E9BC4;
  --sea-fallback-4:#1B6E96;
}
html[data-lum="dark"]{
  --sky-ink:#F5EDE0;
  --sky-sub:#C9BFAE;
  --sky-shadow:0 1px 12px rgba(6,30,46,.75);
}
#sea,#seaFallback{position:fixed;inset:0;z-index:0;pointer-events:none}
#sea{width:100%;height:100%;display:block}
#seaFallback{display:none;background:linear-gradient(180deg,var(--sea-fallback-1) 0%,var(--sea-fallback-2) 16%,var(--sea-fallback-3) 52%,var(--sea-fallback-4) 100%)}