/* ==========================================================================
   STFUA — custom styles
   Colors carried over from the original stfua.com (d4s.css):
   background #eee, text #111, brand red #c00, links green #060.
   ========================================================================== */

:root {
  --stfua-bg: #eee;
  --stfua-text: #111;
  --stfua-red: #c00;
  --stfua-red-dark: #a00;
  --stfua-red-darker: #900;
  --stfua-green: #060;
  --stfua-green-dark: #040;
}

body {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  background-color: var(--stfua-bg);
  color: var(--stfua-text);
}

a {
  color: var(--stfua-green);
}
a:hover {
  color: var(--stfua-green-dark);
}

.brand-name {
  font-weight: bold;
  font-size: 2.5rem;
  color: var(--stfua-red);
}

.tagline {
  font-style: italic;
  color: #555;
}

.contact-card {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 0.5rem;
  padding: 1.75rem;
  box-shadow: 0 0.125rem 0.75rem rgba(0, 0, 0, 0.08);
}

/* Red submit button to match the brand */
.btn-primary {
  --bs-btn-bg: var(--stfua-red);
  --bs-btn-border-color: var(--stfua-red);
  --bs-btn-hover-bg: var(--stfua-red-dark);
  --bs-btn-hover-border-color: var(--stfua-red-dark);
  --bs-btn-active-bg: var(--stfua-red-darker);
  --bs-btn-active-border-color: var(--stfua-red-darker);
  --bs-btn-disabled-bg: var(--stfua-red);
  --bs-btn-disabled-border-color: var(--stfua-red);
}

/* Keep the fallback email link readable inside the red network-failure alert */
#form-status a {
  color: inherit;
  font-weight: 600;
  text-decoration: underline;
}