/* Base Theme Foundation: hello.css (Hello Elementor only, when the child theme declares support). Hello's own reset.css and
   theme.css keep loading; this file loads after them and overrides the few defaults that should follow the kit's
   globals instead of Hello's pink (#c36) and blue (#336), plus the focus ring. Site Settings › Theme Style wins over
   all of it wherever it's set. Leave Hello › Settings › "Theme Style" (theme.css) switched on: it carries the block
   alignment, pagination, password-form and non-Elementor page layout rules that nothing else provides. */

body { color: var(--e-global-color-text, #333); }
figcaption { color: var(--e-global-color-text, #333); }

a { color: var(--e-global-color-primary, #c36); }
a:hover, a:active { color: var(--e-global-color-accent, #336); }

/* Buttons: no border unless Theme Style › Buttons sets one */
[type="button"], [type="submit"], button {
	border: inherit;
	color: var(--e-global-color-primary, #c36);
}
[type="button"]:hover, [type="button"]:focus, [type="submit"]:hover, [type="submit"]:focus, button:hover, button:focus {
	background-color: var(--e-global-color-primary, #c36);
	color: #fff;
}

/* Focus ring: 1px in the element's own colour (the ACCESSIBILITY rule in foundation.css), instead of Hello's
   2px black outline with a white halo. Same selectors as Hello's rule so this one wins by order. */
[tabindex]:not([tabindex="-1"]):focus-visible, a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
	box-shadow: none;
	outline: 1px solid currentColor;
	outline-offset: 2px;
}