:root {
  --brand-teal: #00A39D;
  /* --brand-teal-dark: #008080; */
  --brand-teal-dark: #005F5F;
  --brand-teal-ink: #005F5F;
  --brand-red: #D41736;
  --brand-red-dark: #A6192E;
  --brand-charcoal: #2D2828;
  --brand-gray: #CDCDC8;
  --brand-white: #FFFFFF;
  --brand-black: #000000;
  --surface-neutral: #F4F4F1;
  --surface-panel: #FFFFFF;
  --surface-teal: #EEF6F5;
  --surface-teal-strong: #E4F4F2;
  --border-neutral: #D9D9D4;
  --border-teal: #B9DFDB;
  --text-primary: #2D2828;
  --text-muted: #55514F;
  --link-color: #005F5F;
  --link-hover: #004848;
  --focus-ring: #005FCC;
  --shadow-soft: 0 4px 32px rgba(0, 0, 0, 0.10);
}

.custom-header {
  background-color: var(--brand-teal-dark) !important;
  color: var(--brand-white);
  border-bottom: 4px solid var(--brand-teal);
}

.site-footer {
  color: var(--brand-teal-ink);
}

.site-footer a {
  color: var(--brand-teal-ink);
  text-decoration: underline;
}

.site-footer a:hover,
.site-footer a:focus {
  color: var(--link-hover);
}