/* Static branding rules - dynamic colors are injected via inline :root variables */

/* Apply main color to common elements */
.yhdistys-primary-bg {
  background-color: var(--wp--preset--color--primary);
}

.yhdistys-primary-text {
  color: var(--wp--preset--color--primary);
}

.yhdistys-primary-border {
  border-color: var(--wp--preset--color--primary);
}

/* Support colors */
.yhdistys-secondary-bg {
  background-color: var(--wp--preset--color--secondary);
}

.yhdistys-secondary-text {
  color: var(--wp--preset--color--secondary);
}

.yhdistys-accent-bg {
  background-color: var(--wp--preset--color--tertiary);
}

.yhdistys-accent-text {
  color: var(--wp--preset--color--tertiary);
}

/* Apply to buttons and links */
.button.yhdistys-button,
.btn.yhdistys-btn,
input[type="submit"].yhdistys-submit {
  background-color: var(--wp--preset--color--primary);
  border-color: var(--wp--preset--color--primary);
}

.button.yhdistys-button:hover,
.btn.yhdistys-btn:hover,
input[type="submit"].yhdistys-submit:hover {
  background-color: var(--wp--preset--color--secondary);
  border-color: var(--wp--preset--color--secondary);
}

/* Custom logo styling */
.yhdistys-logo {
  max-height: 80px;
  width: auto;
  height: auto;
}