/* MVSD - Skagit Academy — skagitacademy.mountvernonschools.org
   Canvas: navy #1e2d52 | Brand: Skagit red #c4162a | Highlight: steel blue
   Brand red stays on the flourish / back-to-top / brand elements (--color-brand).
   The accent/highlight family is steel blue so links, card borders, headings and
   button accents read as a DISTINCT color from the brand red (they were identical
   before). All accent uses verified WCAG AA (2026-06-15). */
:root {
  --color-primary:       #1e2d52;
  --color-brand:         #c4162a;   /* brand red — flourish/back-to-top; swap to reskin */
  --color-primary-dark:  #111c36;
  --color-primary-mid:   #2a4080;
  --color-primary-light: #e8ecf4;
  --color-accent:        #3457b0;   /* steel-blue highlight — white text 6.7:1 */
  --color-accent-dark:   #28457f;   /* hover — white text 9.3:1 */
  --color-accent-on-primary: #ffffff;  /* a11y 2026-07-13: this accent fails WCAG AA as text on this primary */
  --color-accent-deep:   #21336b;   /* text-on-white 12:1 — links/headings + PF card */
  --color-on-primary:    #ffffff;
  --color-on-accent:     #ffffff;
}

/* The accent system was built around the bright-amber default (#f5a623), so a few
   components put near-black text on the accent BACKGROUND. On Skagit's darker
   steel-blue accent that fails AA, so flip those to white (6.7:1). The doubled
   leading class raises specificity above the identical mvsd_core rule so these
   win regardless of stylesheet load order. */
.para.para[data-badge="event"]::before,
.para--accordion-bar--accent.para--accordion-bar--accent .para-accordion__heading,
.pf.pf[data-layout="slashes"] .pf__hub-title {
  color: #fff;
}

/* Two-tone Upcoming-Events date card (mvsd_core/brand.css): the time sits in its
   own --color-brand-deep (= navy) band coloured with --color-accent. The district's
   gold accent reads there (5.2:1) but Skagit's cool steel-blue accent fails (~2:1).
   Use a LIGHT steel-blue tint so the time stays on-palette and clears AA (~7:1).
   .events-list descendant selector outspecifies brand.css's single-class rule. */
.events-list .events-list__time {
  color: #9db8e8;
}

/* a11y (2026-07-13): this school's accent fails WCAG AA as text on its own
   primary, so footer link hover text stays white (--color-accent-on-primary).
   Match the hover underline to it — the --color-accent-deep default is
   near-invisible on the dark primary once the text no longer shifts colour. */
.site-footer {
  --link-underline-color: var(--color-accent-on-primary);
}