/* ============================================================= barrio_npm_prototype — landing submenu colour groups Per-L2 --cluster-hue overrides for the landing submenu (menu--main--landing.html.twig). Each rule keys on the name-based class np-landing-group-- (slug = LandingGroupClass::slug(title), ASCII) and applies to BOTH the L2 card (.np-landing-item--parent) and its L3 children (.np-landing-item--child) — so a whole section reads as one colour. The band gradient / active tint / L3 tints all derive from --cluster-hue (see css/landing-submenu.css). ADDITIVE: overrides the single dark-neutral fallback in landing-submenu.css for the groups listed here (loaded after it; specificity (0,2,0) wins). A section not listed here falls back to the neutral band. The submenu shows ONE section at a time, so hues only need to be distinct WITHIN a section. All 7 sections cycle the same 5-hue palette by position: 0 blue #2b6cb0 · 1 teal #2c7a7b · 2 gold #b7791f · 3 terracotta #c05621 · 4 green #2f855a (6th item wraps to blue) Inline hex per rule so any single item can be re-tuned independently. Contrast: white title sits over the gradient's dark stop — all 5 hues pass WCAG AA there (verified 2026-07-12). REGENERABLE: this file holds ONLY these group rules, one block per L2 group, so a later phase (a generator — see landing-submenu-color-groups-plan.md Phase E) can rewrite it wholesale from the live menu. Seeded 2026-07-12: all 7 primary sections. Tune freely. ============================================================= */ /* ---- Ko Wai Mātou (/about) ---- */ .np-landing-item--parent.np-landing-group--npm-whanau, .np-landing-item--child.np-landing-group--npm-whanau { --cluster-hue: #2b6cb0; } /* blue */ .np-landing-item--parent.np-landing-group--pou-whainga, .np-landing-item--child.np-landing-group--pou-whainga { --cluster-hue: #2c7a7b; } /* teal */ .np-landing-item--parent.np-landing-group--hitori, .np-landing-item--child.np-landing-group--hitori { --cluster-hue: #b7791f; } /* gold */ .np-landing-item--parent.np-landing-group--purongo-a-tau, .np-landing-item--child.np-landing-group--purongo-a-tau { --cluster-hue: #c05621; } /* terracotta */ .np-landing-item--parent.np-landing-group--whakapa-mai, .np-landing-item--child.np-landing-group--whakapa-mai { --cluster-hue: #2f855a; } /* green */ /* ---- Ngā Whakaputanga ---- */ .np-landing-item--parent.np-landing-group--nga-hua-rangahau-a-matou, .np-landing-item--child.np-landing-group--nga-hua-rangahau-a-matou { --cluster-hue: #2b6cb0; } /* blue */ .np-landing-item--parent.np-landing-group--alternative-journal, .np-landing-item--child.np-landing-group--alternative-journal { --cluster-hue: #2c7a7b; } /* teal */ .np-landing-item--parent.np-landing-group--mai-journal, .np-landing-item--child.np-landing-group--mai-journal { --cluster-hue: #b7791f; } /* gold */ /* ---- Rangahau me te Manaaki ---- */ .np-landing-item--parent.np-landing-group--rangahau, .np-landing-item--child.np-landing-group--rangahau { --cluster-hue: #2b6cb0; } /* blue */ .np-landing-item--parent.np-landing-group--manaaki, .np-landing-item--child.np-landing-group--manaaki { --cluster-hue: #2c7a7b; } /* teal */ .np-landing-item--parent.np-landing-group--whakaaweawe-o-npm, .np-landing-item--child.np-landing-group--whakaaweawe-o-npm { --cluster-hue: #b7791f; } /* gold */ /* ---- Hononga Ā-Hapori ---- */ .np-landing-item--parent.np-landing-group--te-tira-takimano, .np-landing-item--child.np-landing-group--te-tira-takimano { --cluster-hue: #2b6cb0; } /* blue */ .np-landing-item--parent.np-landing-group--te-kupenga-o-mai, .np-landing-item--child.np-landing-group--te-kupenga-o-mai { --cluster-hue: #2c7a7b; } /* teal */ .np-landing-item--parent.np-landing-group--kanapu, .np-landing-item--child.np-landing-group--kanapu { --cluster-hue: #b7791f; } /* gold */ /* ---- Hononga Ā-Ao ---- */ .np-landing-item--parent.np-landing-group--hui-rangahau-a-nga-iwi-taketake-o-te-ao, .np-landing-item--child.np-landing-group--hui-rangahau-a-nga-iwi-taketake-o-te-ao { --cluster-hue: #2b6cb0; } /* blue */ .np-landing-item--parent.np-landing-group--hui-taumata-rangahau-panonitanga-ahuarangi-taketake-a-ao, .np-landing-item--child.np-landing-group--hui-taumata-rangahau-panonitanga-ahuarangi-taketake-a-ao { --cluster-hue: #2c7a7b; } /* teal */ /* nga-huihuinga — SHARED slug: also appears in "Ngā Pūrongo me ngā Hui" (same position → same gold). Defined once here; editing it recolours both. */ .np-landing-item--parent.np-landing-group--nga-huihuinga, .np-landing-item--child.np-landing-group--nga-huihuinga { --cluster-hue: #b7791f; } /* gold */ /* ---- Ngā Rauemi ---- */ .np-landing-item--parent.np-landing-group--rapua-a-matou-rauemi, .np-landing-item--child.np-landing-group--rapua-a-matou-rauemi { --cluster-hue: #2b6cb0; } /* blue */ .np-landing-item--parent.np-landing-group--puna-matauranga, .np-landing-item--child.np-landing-group--puna-matauranga { --cluster-hue: #2c7a7b; } /* teal */ .np-landing-item--parent.np-landing-group--a-matou-ataata, .np-landing-item--child.np-landing-group--a-matou-ataata { --cluster-hue: #b7791f; } /* gold */ /* ---- Ngā Pūrongo me ngā Hui ---- */ .np-landing-item--parent.np-landing-group--e-panui, .np-landing-item--child.np-landing-group--e-panui { --cluster-hue: #2b6cb0; } /* blue */ .np-landing-item--parent.np-landing-group--he-korero, .np-landing-item--child.np-landing-group--he-korero { --cluster-hue: #2c7a7b; } /* teal */ /* nga-huihuinga (gold) is defined under "Hononga Ā-Ao" above — shared slug. */ .np-landing-item--parent.np-landing-group--nga-wananga, .np-landing-item--child.np-landing-group--nga-wananga { --cluster-hue: #c05621; } /* terracotta */ .np-landing-item--parent.np-landing-group--nga-hui-rangahau, .np-landing-item--child.np-landing-group--nga-hui-rangahau { --cluster-hue: #2f855a; } /* green */ .np-landing-item--parent.np-landing-group--nga-awheawhe-me-nga-wananga-a-ipurangi, .np-landing-item--child.np-landing-group--nga-awheawhe-me-nga-wananga-a-ipurangi { --cluster-hue: #2b6cb0; } /* blue (wrap) */