/* === END LIBERAL RACISM — BLACK/WHITE/RED THEME (FINAL) === */

/* Base: black background, white text */
html, body {
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* Restore image colors (logo, etc.) */
img, svg, picture, video {
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* Sections that previously used navy become black */
.hero, .banner, .petition-section, .section, .container, .content, .footer, .navbar, header, .header, .topbar {
  background-color: #000000 !important;
  background-image: none !important;
  color: #ffffff !important;
}

/* Links stay white for contrast */
a, a:visited, a:hover, a:focus {
  color: #ffffff !important;
  text-decoration: underline;
}

/* Buttons: red with rounded corners */
button, .btn, .sign-button, input[type="submit"] {
  background-color: #ED1F37 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 0.85rem 1.25rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
}
button:hover, .btn:hover, .sign-button:hover, input[type="submit"]:hover {
  background-color: #c9192f !important;
}

/* Forms: white inputs like the screenshot */
form, .form-container, .petition-form, .form-section {
  background-color: #000000 !important;
  color: #ffffff !important;
}
input, textarea, select {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 0.9rem 1rem !important;
  box-shadow: none !important;
}
::placeholder {
  color: #9aa3af !important; /* subtle gray placeholder */
}

/* Labels in forms should be white and bold */
label, .form-label {
  color: #ffffff !important;
  font-weight: 800 !important;
}

/* Keep white cards if any are desired; otherwise black sections suffice */
.card, .petition-card {
  background-color: #000000 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 16px !important;
}

/* Divider and borders */
hr {
  border-color: rgba(255,255,255,0.25) !important;
}

/* Ensure headings are bold and white */
h1, h2, h3, h4, h5, h6 {
  color: #ffffff !important;
  font-weight: 800 !important;
}