/* ============================================================
   CW Brand Rollout — STAGE 1: branding only (colors + fonts).
   No layout, no templates, no header changes.
   Revert: delete this file (and its plugin) — everything restores.
   ============================================================ */

/* Self-hosted fonts (no Google CDN). */
@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("cw-brand-assets/inter-var.woff2") format("woff2");
}
@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 700 800;
	font-display: swap;
	src: url("cw-brand-assets/manrope-var.woff2") format("woff2");
}

:root {
	--cw-brand: #F36B32;
	--cw-deep: #D95320;
	--cw-link: #C14E1F;
	--cw-ink: #171717;
	--cw-paper: #FFFFFF;
	--cw-off: #F7F7F5;
	--cw-muted: #686868;
	--cw-line: #E7E7E7;
}

/* Base: paper background, ink text, Inter everywhere. */
html { background: var(--cw-paper); }
body,
body .has-system-font-font-family,
body button,
body input,
body select,
body textarea {
	font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	background-color: var(--cw-paper);
	color: var(--cw-ink);
}

/* Display: Manrope headings (beats the system-font utility class). */
body h1, body h2, body h3, body h4, body h5, body h6,
body h1.has-system-font-font-family,
body h2.has-system-font-font-family,
body h3.has-system-font-font-family,
body h4.has-system-font-font-family,
body h5.has-system-font-font-family,
body h6.has-system-font-font-family {
	font-family: "Manrope", system-ui, -apple-system, sans-serif;
	color: var(--cw-ink);
}

/* Links: AA-passing dark orange, deeper on hover. */
body a { color: var(--cw-link); }
body a:hover { color: var(--cw-deep); text-decoration: underline; }
body .wp-block-post-title a:hover { color: var(--cw-link); }

/* Buttons: charcoal, orange-ink invert on hover. */
body .wp-block-button__link,
body .wp-block-search__button,
body button[type="submit"],
body input[type="submit"] {
	background-color: var(--cw-ink);
	border-color: var(--cw-ink);
	color: #fff;
}
body .wp-block-button__link:hover,
body .wp-block-search__button:hover,
body button[type="submit"]:hover,
body input[type="submit"]:hover {
	background-color: var(--cw-brand);
	border-color: var(--cw-brand);
	color: var(--cw-ink);
}

/* Brand accents. */
::selection { background: var(--cw-brand); color: var(--cw-ink); }
:focus-visible { outline: 3px solid var(--cw-brand); outline-offset: 2px; }