/* SEND cluster accent styles. Kept entirely separate from styles.css
   (shared with every Family Court page) so this file only needs to carry
   the per-cluster background/colour rules SEND owns — the base
   .cluster-tag layout (padding, border-radius, font) still comes from the
   shared stylesheet. Loaded alongside styles.css, not instead of it.

   Renamed from mira-styles.css (Sept 2026 website redesign) — the name
   "Mira" is retired; the four category colours below are unchanged.

   Colours reuse existing palette custom properties from styles.css (no new
   colours invented) — appeals/assessment/evidence reuse the same three
   tokens Family Court's own three clusters use (--primary-active, --sage,
   --muted); plans-and-provision uses --red, the one remaining unused
   palette token, since SEND needs a fourth distinct accent. This colour
   assignment was not separately confirmed with Vilam — flagged as a
   reasonable default, not a locked decision. */

.article-card:has(.cluster-tag.appeals)              { --card-accent: var(--primary-active); }
.article-card:has(.cluster-tag.assessment)            { --card-accent: var(--sage); }
.article-card:has(.cluster-tag.evidence)              { --card-accent: var(--muted); }
.article-card:has(.cluster-tag.plans-and-provision)   { --card-accent: var(--red); }

.cluster-tag.appeals             { background: var(--surface-card); color: var(--primary-active); }
.cluster-tag.assessment          { background: var(--surface-card); color: var(--sage); }
.cluster-tag.evidence             { background: var(--surface-card); color: var(--muted); }
.cluster-tag.plans-and-provision { background: var(--surface-card); color: var(--red); }