/* ==========================================================================
   Clevedon Roofing — Bold brand system
   Site-wide tokens + overrides. Applies on every page (not just the custom
   landing template) so the whole site reads as one brand immediately.
   Shared tokens: see project doc national-brand-design-system.md
   ========================================================================== */

:root {
	--crb-bg: #FAF7F2;
	--crb-surface: #FFFFFF;
	--crb-ink: #161B22;
	--crb-accent: #A8462F;
	--crb-accent-dark: #8c3a26;
	--crb-support: #EDE8DE;
	--crb-support-2: #E4DFD6;
	--crb-font-heading: 'Work Sans', sans-serif;
	--crb-font-body: 'Work Sans', sans-serif;
	--crb-radius: 10px;
}

body {
	background: var(--crb-bg);
	color: var(--crb-ink);
	font-family: var(--crb-font-body);
}

h1, h2, h3, h4, h5, h6,
.site-title,
.ast-header-menu-item > a {
	font-family: var(--crb-font-heading);
	color: var(--crb-ink);
	line-height: 1.12;
}

a {
	color: var(--crb-accent);
}

a:hover {
	color: var(--crb-accent-dark);
}

/* Astra's own primary/secondary color custom properties — repoint them at
   the brand accent so header buttons, form focus states, etc. pick it up
   without editing Customizer settings per-site. */
:root {
	--ast-global-color-0: var(--crb-ink);
	--ast-global-color-1: var(--crb-accent);
	--ast-global-color-2: var(--crb-ink);
	--ast-global-color-3: var(--crb-accent-dark);
}

.site-header,
.ast-above-header,
.ast-primary-header-bar {
	background-color: var(--crb-surface);
}

.ast-header-menu-item > a {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	font-size: 0.9rem;
}

/* Buttons (form submit, WP core .button, Astra .ast-button etc.) */
.wp-block-button__link,
.ast-button,
button[type="submit"],
input[type="submit"],
.button {
	background-color: var(--crb-accent) !important;
	border-color: var(--crb-accent) !important;
	color: #fff !important;
	border-radius: 999px !important;
	font-family: var(--crb-font-heading);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	transition: background-color 0.15s ease;
}

.wp-block-button__link:hover,
.ast-button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.button:hover {
	background-color: var(--crb-accent-dark) !important;
	border-color: var(--crb-accent-dark) !important;
}

/* Generic content containers on non-custom pages get the warm ground + tidy
   measure so old placeholder copy at least reads cleanly while it's rewritten. */
.entry-content {
	font-size: 1.05rem;
	line-height: 1.65;
	max-width: 750px;
}

.entry-content h2 {
	margin-top: 2em;
}

@media (prefers-reduced-motion: reduce) {
	* {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}