/* =============================================================
   barrio_npm_prototype — Project-type landing (per-slug bindings)

   Third sibling to css/patai.css + css/pae.css. Same slim shape —
   shared landing-cluster chrome (cluster head, legend, panel grid,
   panel header/body/foot, featured-project rows, responsive) lives
   in css/landing-cluster.css and is emitted via .np-lc-* classes;
   this file owns only the per-slug variable bindings.

   Bindings via data-t="…" attribute (matches the existing
   .np-type-spotlight[data-t="…"] convention in css/patai-spotlight.css
   used on per-type spotlight pages). The 6 slugs come from
   ProjectTypeRules::canonicalProjectTypePills() (see
   project-type-handling-exemplar.md Recipe C).

   Colour tokens (--np-pt-*) already established for the
   project-type-tiles cluster on the Pātai/Pae landings; -dk pairs
   included from the initial rollout. No new tokens needed.
   ============================================================= */

/* ---------- per-slug panel bindings ----------
   EDITORIAL IMAGERY — proper editorial photos supplied 2026-11-11,
   superseding the picsum-sourced placeholders shipped 2026-11-10.
   Served locally from ../images/project_type/. See
   ../images/project_type/CREDITS.md for photographer/source
   attribution. Longer-term replacement path:
   field_project_type_image on the `project_type` vocab (defensive
   hasField() check in TypeLandingBuilder picks it up automatically);
   follow-up in §8 of project-type-landing-mirror-plan.md. See
   documentation/project-type-image-swap-plan.md. */
.np-lc-panel[data-t="full"] {
  --hue: var(--np-pt-full);         --hue-dk: var(--np-pt-full-dk);
  --bg: url('../images/project_type/type-full.jpg');
}
.np-lc-panel[data-t="scoping"] {
  --hue: var(--np-pt-scoping);      --hue-dk: var(--np-pt-scoping-dk);
  --bg: url('../images/project_type/type-scoping.jpg');
}
.np-lc-panel[data-t="doctoral"] {
  --hue: var(--np-pt-doctoral);     --hue-dk: var(--np-pt-doctoral-dk);
  --bg: url('../images/project_type/type-doctoral.jpg');
}
.np-lc-panel[data-t="internship"] {
  --hue: var(--np-pt-internship);   --hue-dk: var(--np-pt-internship-dk);
  --bg: url('../images/project_type/type-internship.jpg');
}
.np-lc-panel[data-t="programme"] {
  --hue: var(--np-pt-programme);    --hue-dk: var(--np-pt-programme-dk);
  --bg: url('../images/project_type/type-programme.jpg');
}
.np-lc-panel[data-t="whakaaweawe"] {
  --hue: var(--np-pt-whakaaweawe);  --hue-dk: var(--np-pt-whakaaweawe-dk);
  --bg: url('../images/project_type/type-whakaaweawe.jpg');
}
/* Featured impact — added 2026-08-20. Promoted into the canonical pill
   map (whakaaweawe-featured-impact-page-plan.md A4) after this block was
   written, so it had no binding at all: the panel fell back to
   .np-lc-panel's grey --hue default with no header photo, the only one of
   the seven without either. Own gold hue per A4, not Whakaaweawe's. */
.np-lc-panel[data-t="featured-impact"] {
  --hue: var(--np-pt-featured-impact); --hue-dk: var(--np-pt-featured-impact-dk);
  --bg: url('../images/project_type/type-featured-impact.jpg');
}