/*
 * WordPress integration bridge.
 *
 * theme.json emits global link and heading rules outside the component
 * layer. Keep these narrow overrides in their own file so the shared
 * components file only owns reusable UI.
 */
a.cal-button-primary,
a.cal-button-primary:visited {
	color: var(--cal-color-on-accent);
}

a.cal-button-primary:hover,
a.cal-button-primary:focus-visible {
	border-color: var(--cal-navy);
	background: var(--cal-navy);
	color: var(--cal-color-on-navy);
}

a.cal-button-secondary,
a.cal-button-secondary:visited {
	color: var(--cal-color-link-hover);
}

.cal-home-hero h1,
.cal-article-header h1 {
	color: var(--cal-color-on-navy);
}

.cal-site-header a.cal-header-cta,
.cal-site-header a.cal-header-cta:visited {
	border-color: var(--cal-accent-deep);
	background: var(--cal-accent-deep);
	color: var(--cal-surface);
}

.cal-site-header a.cal-header-cta:hover,
.cal-site-header a.cal-header-cta:focus-visible {
	border-color: var(--cal-navy);
	background: var(--cal-navy);
	color: var(--cal-surface);
}

.cal-site-nav > ul > li > a {
	color: var(--cal-color-text-subtle);
}

.cal-card__title a,
a.cal-card__action,
a.cal-text-link {
	color: var(--cal-color-link);
}

.cal-card__title a:hover,
a.cal-card__action:hover,
a.cal-text-link:hover {
	color: var(--cal-color-link-hover);
}

/* theme.json emits unlayered heading/link colours after the layered theme CSS. */
.cal-site-footer .cal-footer-nav__title {
	color: var(--cal-footer-text);
}

.cal-site-footer .cal-footer-nav a,
.cal-site-footer .cal-footer-nav a:visited,
.cal-site-footer .cal-site-footer__utility a,
.cal-site-footer .cal-site-footer__utility a:visited {
	color: var(--cal-footer-muted);
}

.cal-site-footer .cal-footer-nav a:hover,
.cal-site-footer .cal-footer-nav a:focus-visible,
.cal-site-footer .cal-site-footer__utility a:hover,
.cal-site-footer .cal-site-footer__utility a:focus-visible {
	color: var(--cal-accent);
}