/*
 * Globals — body baseline, page background, default element behavior.
 *
 * No component-specific selectors here. If a rule applies to a single
 * block (cards, pagination, hero), it lives in its component file.
 */

body {
	font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	font-size: 1.0625rem;             /* 17px — brand guide body */
	line-height: var(--isjac-baseline);
	color: #020726;                   /* ink */
	background: #FFFAFC;              /* paper */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*
 * Kadence's `.content-bg` ships as `background: #fff` AND a card-style
 * box-shadow ("boxed content" treatment). Both fight brand spec, which
 * uses paper as the page surface — the residual shadow under transparent
 * content reads as a stray horizontal divider near the footer.
 *
 * Override at compound specificity (0,2,0) so we don't escalate to !important.
 */
.entry.content-bg,
.entry.content-bg.single-entry {
	background: transparent;
	box-shadow: none;
}

/* Kadence's secondary content wrappers also paint #fff in some templates. */
.content-wrap,
.entry-content-wrap,
.content-style-unboxed .entry-content-wrap {
	background: transparent;
}

/* Selection color — brand-deep on brand-wash for legibility. */
::selection {
	background: #15526F;
	color: #FFFAFC;
}

/* Reduce motion — respect user preference for any transitions we add. */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important; /* stylelint-disable-line declaration-no-important — required by spec */
		transition-duration: 0.01ms !important; /* stylelint-disable-line declaration-no-important — required by spec */
	}
}