/* Custom color overrides */
:root {
  --primary-color: #E53935;
  --primary-color-dark: #C62828;
  --primary-color-light: #EF5350;
  --primary-color-lighter: #FFCDD2;
}

/* Button styles */
.button {
  background-color: var(--primary-color);
}

.button:hover {
  background-color: var(--primary-color-dark);
}

.secondary-button {
  color: var(--primary-color);
  border-color: var(--primary-color);
}

.secondary-button:hover {
  background-color: var(--primary-color);
}

.primary-button-on-inverse {
  background-color: var(--primary-color);
}

.primary-button-on-inverse:hover {
  background-color: var(--primary-color-dark);
}

/* Link styles */
.text-link {
  color: var(--primary-color);
}

.text-link:hover {
  color: var(--primary-color-dark);
}

/* Navigation styles */
.nav-link:hover {
  color: var(--primary-color);
}

.nav-link.w--current {
  color: var(--primary-color);
}

/* Footer styles */
.footer-link:hover {
  color: var(--primary-color);
}

/* Form elements */
.form-input:focus {
  border-color: var(--primary-color);
}

.w-checkbox-input:checked {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

/* Card hover effects */
.card:hover {
  border-color: var(--primary-color-lighter);
}

/* Section backgrounds */
.section.accent-section {
  background-color: var(--primary-color-lighter);
}

/* Text accents */
.accent-text {
  color: var(--primary-color);
}

/* Icon colors */
.icon-accent {
  color: var(--primary-color);
}

/* Border accents */
.border-accent {
  border-color: var(--primary-color);
}