/* =============================================================
   barrio_npm_prototype — Pae + Rautaki landing (per-slug bindings)

   Phase F of pae-landing-mirror-plan.md slimmed this file down.
   Shared landing-cluster chrome (cluster head, legend, panel grid,
   panel header/body/foot, featured-project rows, responsive) now
   lives in css/landing-cluster.css and is emitted via .np-lc-*
   classes.

   This file owns:
     - Per-slug --hue + --bg picsum defaults for the 4 Pae panels,
       bound to .np-lc-panel via the data-pae attribute.
     - Per-slug --hue + --bg picsum defaults for the 2 Rautaki
       panels, bound to .np-lc-panel via the data-rautaki attribute.
     - Pae + Rautaki dot colours (.np-d-pae-*, .np-d-rautaki-*) —
       used by the counter-axis Pae · Rautaki legend on the Pātai
       landing, on tile chips across the site, and inside the Pae
       landing's own panel chrome via --hue.
   ============================================================= */

/* ---------- Pae dot colours ---------- */
.np-d-pae-auaha   { background: var(--np-pae-auaha); }
.np-d-pae-tawhiti { background: var(--np-pae-tawhiti); }
.np-d-pae-ora     { background: var(--np-pae-ora); }
.np-d-pae-ahurei  { background: var(--np-pae-ahurei); }

/* ---------- Rautaki dot colours ----------
   Muted greys/browns chosen for legend-dot use per A10 of
   pae-landing-mirror-plan.md (locked: ship as-is). */
.np-d-rautaki-kounga      { background: var(--np-rautaki-kounga); }
.np-d-rautaki-whakaaweawe { background: var(--np-rautaki-whakaaweawe); }

/* ---------- per-slug Pae panel bindings ----------
   EDITORIAL IMAGERY — proper editorial photos supplied 2026-11-11,
   superseding the picsum-sourced placeholders shipped 2026-11-10.
   Served locally from ../images/pae_patai/. See
   ../images/pae_patai/CREDITS.md for photographer/source attribution.
   Longer-term replacement path: field_pae_image on the `pae` vocab
   (defensive hasField() check in PaeLandingBuilder picks it up
   automatically). See documentation/pae-patai-image-swap-plan.md. */
.np-lc-panel[data-pae="auaha"] {
  --hue: var(--np-pae-auaha);   --hue-dk: var(--np-pae-auaha-dk);
  --bg: url('../images/pae_patai/pae-auaha.jpg');
}
.np-lc-panel[data-pae="tawhiti"] {
  --hue: var(--np-pae-tawhiti); --hue-dk: var(--np-pae-tawhiti-dk);
  --bg: url('../images/pae_patai/pae-tawhiti.jpg');
}
.np-lc-panel[data-pae="ora"] {
  --hue: var(--np-pae-ora);     --hue-dk: var(--np-pae-ora-dk);
  --bg: url('../images/pae_patai/pae-ora.jpg');
}
.np-lc-panel[data-pae="ahurei"] {
  --hue: var(--np-pae-ahurei);  --hue-dk: var(--np-pae-ahurei-dk);
  --bg: url('../images/pae_patai/pae-ahurei.jpg');
}

/* ---------- per-slug Rautaki panel bindings ----------
   Same editorial imagery batch as Pae above — see Pae comment block. */
.np-lc-panel[data-rautaki="kounga"] {
  --hue: var(--np-rautaki-kounga);      --hue-dk: var(--np-rautaki-kounga-dk);
  --bg: url('../images/pae_patai/rautaki-kounga.jpg');
}
.np-lc-panel[data-rautaki="whakaaweawe"] {
  --hue: var(--np-rautaki-whakaaweawe); --hue-dk: var(--np-rautaki-whakaaweawe-dk);
  --bg: url('../images/pae_patai/rautaki-whakaaweawe.jpg');
}