/* 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 #3091B8, Deep Navy v16 ocean
     blue, 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: #A6D7E4;
  --bathy-band-2: #62B6C5;
  --bathy-band-3: #3091B8;
  --bathy-band-4: #1F76A8;
  --bathy-band-5: #185A85;
  --bathy-band-6: #123E5E;

  --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: #E8ECF1;              /* --text */
  --bathy-label-halo: rgba(26, 31, 40, 0.9); /* --surface-deep, opaque enough to mask lines */
  --bathy-label-halo-width: 3;
  --bathy-max-labels-per-tile: 5;

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