/*
 * What: removes Hello Elementor's default magenta (#c36) from buttons and links.
 * Why:  that colour comes from the parent theme's reset.css, not from the brand.
 *       It was the "random pink hover": any button or link without its own
 *       styles turned magenta on hover/focus (snippet 720 only patched a few).
 * How:  same selectors as reset.css, loaded after it, so they win over the
 *       reset only. Anything with its own class (Elementor, WooCommerce, our
 *       snippets) is more specific and keeps its look.
 */

/* Buttons: reset.css gives them a magenta border/text, magenta fill on hover */
[type=button],
[type=submit],
button {
	border-color: var(--mc-line, #E6E7E9);
	color: inherit;
}

[type=button]:focus,
[type=button]:hover,
[type=submit]:focus,
[type=submit]:hover,
button:focus,
button:hover {
	background-color: var(--mc-line, #E6E7E9);
	color: var(--mc-ink, #232528);
}

/* Keyboard users still see where they are */
[type=button]:focus-visible,
[type=submit]:focus-visible,
button:focus-visible {
	outline: 2px solid var(--mc-ink, #232528);
	outline-offset: 2px;
}

/* Links: reset.css makes them magenta, navy on hover */
a {
	color: var(--mc-ink, #232528);
}

a:active,
a:hover {
	color: var(--mc-graphite, #6B6D71);
}