/* =============================================================
   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 ----------
   PLACEHOLDER PHOTOS — picsum.photos seeds mirroring css/patai.css.
   Throwaway stock imagery for the internal test audience; replace via
   field_pae_image once editorial supplies real photography (defensive
   hasField() check in PaeLandingBuilder picks it up automatically). */
.np-lc-panel[data-pae="auaha"] {
  --hue: var(--np-pae-auaha);   --hue-dk: var(--np-pae-auaha-dk);
  --bg: url('https://picsum.photos/seed/npm-pae-auaha/640/360');
}
.np-lc-panel[data-pae="tawhiti"] {
  --hue: var(--np-pae-tawhiti); --hue-dk: var(--np-pae-tawhiti-dk);
  --bg: url('https://picsum.photos/seed/npm-pae-tawhiti/640/360');
}
.np-lc-panel[data-pae="ora"] {
  --hue: var(--np-pae-ora);     --hue-dk: var(--np-pae-ora-dk);
  --bg: url('https://picsum.photos/seed/npm-pae-ora/640/360');
}
.np-lc-panel[data-pae="ahurei"] {
  --hue: var(--np-pae-ahurei);  --hue-dk: var(--np-pae-ahurei-dk);
  --bg: url('https://picsum.photos/seed/npm-pae-ahurei/640/360');
}

/* ---------- per-slug Rautaki panel bindings ---------- */
.np-lc-panel[data-rautaki="kounga"] {
  --hue: var(--np-rautaki-kounga);      --hue-dk: var(--np-rautaki-kounga-dk);
  --bg: url('https://picsum.photos/seed/npm-rautaki-kounga/640/360');
}
.np-lc-panel[data-rautaki="whakaaweawe"] {
  --hue: var(--np-rautaki-whakaaweawe); --hue-dk: var(--np-rautaki-whakaaweawe-dk);
  --bg: url('https://picsum.photos/seed/npm-rautaki-whakaaweawe/640/360');
}