/*
 * WealthArk base rules
 * --------------------
 * Deliberately scoped. This file does not restyle all Divi modules.
 */

.wa-section,
.wa-component {
	font-family: var(--wa-font-body);
	color: var(--wa-color-charcoal);
}

.wa-section,
.wa-section *,
.wa-component,
.wa-component * {
	box-sizing: border-box;
}

.wa-section :where(a, button, input, select, textarea):focus-visible,
.wa-component :where(a, button, input, select, textarea):focus-visible {
	outline: 3px solid var(--wa-color-gold-light);
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	.wa-section *,
	.wa-component * {
		scroll-behavior: auto;
		animation-duration: 0.01ms;
		animation-iteration-count: 1;
		transition-duration: 0.01ms;
	}
}