/* ============================================================
   Wonderful Selayar — Effects: glass, elevation, motion
   Elevation is ocean-tinted, never neutral grey.
   ============================================================ */
:root{
  /* ── Glass (the signature) ── */
  --glass-fill:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.025));
  --glass-fill-strong:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.05));
  --glass-border:rgba(255,255,255,.14);
  --glass-edge:rgba(255,255,255,.30); /* bright top hairline — non-negotiable */
  --blur:18px;          /* default glass */
  --blur-strong:22px;   /* modals, hero, focus */

  /* ── Elevation (ocean-tinted) ── */
  --shadow-1:0 1px 2px rgba(2,10,18,.4);
  --shadow-2:0 8px 24px rgba(2,10,18,.45);
  --shadow-3:0 20px 50px rgba(2,10,18,.55);
  --shadow-glow:0 0 0 1px rgba(47,198,221,.25),0 8px 40px var(--lagoon-glow);

  /* ── Motion ── */
  --ease-out:cubic-bezier(.2,.7,.3,1); /* @kind other */
  --dur-fast:.18s; /* @kind other */
  --dur:.25s; /* @kind other */
}