/* css/bathymetry.css — P4-03. Depth contours + HMRG bathymetry raster.
   Owned by P4-03.

   RULES (same contract as css/coverage.css):

   1. EVERY VISUAL VALUE IS A CUSTOM PROPERTY. The contour layer paints onto
      canvas tiles, so a stylesheet cannot style the lines directly.
      js/bathymetry.js reads these --bathy-* properties ONCE at init with
      getComputedStyle and caches them — change a colour here, not in the JS.

   2. NOTHING GLOBAL. Only --bathy-* custom properties on :root and classes
      under the .atlas-bathy- prefix.

   LOADING: js/bathymetry.js injects a <link> to this file at module load,
   guarded by element id — the same pattern coverage.css documents. The
   integrator can replace that with a static <link> in index.html (and should
   add this file to the service-worker precache list). */

:root {
  /* ---- WMS raster --------------------------------------------------------
     The PacIOOS ERDDAP render is opaque over ocean; this opacity is what
     lets the basemap read through it. 0.55 keeps place labels legible. */
  --bathy-raster-opacity: 0.55;

  /* ---- contour band colours ---------------------------------------------
     One colour per charted band, shallow to deep, DEEPER = DARKER, all in
     the dive-accent blue family (--accent-2 #3a86ff sits mid-ramp). Single
     hue ramp on purpose: lightness ordering survives every kind of colour
     blindness. Order must match CONTOUR_BANDS_M: 1.8 3.6 5.4 9.1 18.2 36.5 */
  --bathy-band-1: #a8d1ff;
  --bathy-band-2: #74b3ff;
  --bathy-band-3: #3a86ff;
  --bathy-band-4: #2b67d1;
  --bathy-band-5: #1e4a9e;
  --bathy-band-6: #14336e;

  --bathy-contour-width: 1.5;      /* CSS px at dpr 1 */
  --bathy-contour-alpha: 0.9;

  /* ---- contour labels ----------------------------------------------------
     Drawn on the canvas ("5.4 m · 18 ft"). Halo keeps them legible over
     both the dark ocean base and the raster. Labels start at
     --bathy-label-min-zoom; below that the lines alone carry the story. */
  --bathy-label-min-zoom: 13;
  --bathy-label-px: 11;
  --bathy-label-fill: #e8eef1;              /* --text */
  --bathy-label-halo: rgba(15, 20, 23, 0.9); /* --bg, opaque enough to mask lines */
  --bathy-label-halo-width: 3;
  --bathy-max-labels-per-tile: 5;

  /* ---- contour layer -----------------------------------------------------*/
  --bathy-contour-opacity: 1;
}