/* SMRC digital palette, matched visually to the supplied logo and September 14
   bookmark/rack-card artwork. Digital selections, not supplied official HEX codes. */
:root {
  --navy: #0b3554;
  --navy-rgb: 11 53 84;
  --blue: #075eae;
  --blue-hover: #064a88;
  --gold: #efc85a;
  --ivory: #fffaf0;
  --blue-tint: #edf5fc;
  --gold-tint: #fff3cf;
  --white: #ffffff;
  --muted: #405970;
  --line: #c4d4e2;
  --control-line: #627e98;
  --on-dark-muted: #dcecf9;
  --on-dark-line: #a9cbe5;
  --focus: #075eae;
  --map-ring: #cddfed;
  --navy-overlay: rgb(11 53 84 / .94);
  --shadow: rgb(11 53 84 / .09);
  --error: #842e22;
  --error-tint: #fff0e9;
}

/* Strong, consistent actions, with light outlines on dark sections. */
.header-cta,.button.primary,.photo-hero .button.light,.training-hero .button.light,.closing .button.light {
  background:var(--blue);color:var(--white);
}
.header-cta:hover,.button.primary:hover,.photo-hero .button.light:hover,.training-hero .button.light:hover,.closing .button.light:hover {
  background:var(--blue-hover);color:var(--white);
}
.button.outline {color:var(--blue);border-color:var(--blue);background:transparent}
.button.outline:hover {background:var(--blue-tint)}
.button.ghost,.photo-hero .button.ghost,.training-hero .hero-contact {
  color:var(--white);border-color:var(--on-dark-line);background:transparent;
}
.button.ghost:hover,.training-hero .hero-contact:hover {background:var(--blue-hover)}
.photo-hero,.training-hero,.closing,.contact-strip {color:var(--white)}
.photo-hero :focus-visible,.training-hero :focus-visible,.closing :focus-visible,.contact-strip :focus-visible {
  outline-color:var(--gold);
}
input,select,textarea {accent-color:var(--blue)}
.contact-strip span {color:var(--white)}
.preview-bar {background:var(--blue-tint)}
.service-status,.notice {background:var(--gold-tint);color:var(--navy)}
.notice {border-left-color:var(--gold)}
.community-band,.education-band {background:var(--blue-tint)}
.community-aside .sun {color:var(--gold)}
.photo-hero .eyebrow,.training-hero h1 {color:var(--on-dark-muted)}
.photo-hero h1 em {color:var(--white)}
.supplied-photo figcaption {color:var(--navy)}

/* Community information: calm blue surfaces, navy captions, restrained gold dates. */
.event-card {background:var(--blue-tint);border-top:2px solid var(--gold);padding:25px 22px;color:var(--navy)}
.event-card .event-date {display:inline-block;width:fit-content;background:var(--gold-tint);color:var(--navy);padding:5px 9px}
.event-card .eyebrow {color:var(--navy)}
.event-card p:not(.event-date) {color:var(--navy)}
.event-card .text-link {color:var(--blue);border-bottom-color:var(--blue)}
.resource {background:var(--blue-tint);padding:28px 24px;margin-bottom:14px;border-top:1px solid var(--line)}
.resource h2,.resource .eyebrow,.resource p:not(.eyebrow) {color:var(--navy)}

/* One small print-inspired wave at the footer; it never overlays content. */
footer {position:relative;background:var(--white);padding-top:100px}
.brand-wave {position:absolute;top:0;left:0;display:block;width:100%;height:42px;pointer-events:none}
.wave-gold {fill:var(--gold)}
.wave-blue {fill:var(--blue)}
.wave-navy {fill:var(--navy)}
@media(max-width:760px) {
  footer {padding-top:78px}
  .brand-wave {height:30px}
  .event-grid {gap:20px}
  .event-card {padding:23px 20px}
  .resource {padding:25px 20px}
}