/*
 * The theme's element defaults: the homepage concept's, not Elementor's —
 * ADR 0018 (amended 2026-10-06).
 *
 * On the pages Elementor does not render, inc/elementor-assets.php removes
 * Elementor's stylesheets and loads this file on body.onlycat-base. It used
 * to carry the Elementor kit's rules verbatim (assets/kit.css), and a
 * side-by-side measurement with the concept (onlycat-homepage-concept,
 * src/styles.css) on ten pages showed every kit default that still reached a
 * theme page worked against the design: a 16 px radius on every content
 * image (the concept rounds none; the homepage had to undo it), 18 px body
 * text at 1.65 inherited by the header and footer menus and the review
 * feed, uppercase 16 px labels, 600-weight buttons that bolded the app
 * explorer's descriptions, the kit's #0084FF links and its heading sizes.
 *
 * These are the concept's base rules instead. Element rules sit inside
 * :where(), so they outrank only Hello Elementor's own defaults (printed
 * just before this file) and every theme component still wins. One
 * deliberate difference: the concept's links inherit their colour, because
 * every link there is a component; WordPress content (block-editor pages,
 * product descriptions, WooCommerce notices) needs a link to look like one,
 * so plain links take the brand blue.
 */

body.onlycat-base {
	font-family: var(--oc-sans);
	font-size: 16px;
	line-height: normal;
	color: var(--oc-ink);
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
}

:where(.onlycat-base) a {
	color: var(--oc-blue);
	text-decoration: none;
}

:where(.onlycat-base) a:hover {
	color: var(--oc-blue-deep);
}

:where(.onlycat-base) :is(button, input, select, textarea) {
	font: inherit;
}

:where(.onlycat-base) button {
	color: inherit;
}

:where(.onlycat-base) p {
	line-height: 1.65;
	margin: 0 0 22px;
}

:where(.onlycat-base) :is(h1, h2, h3) {
	font-family: var(--oc-sans);
	font-weight: 550;
	letter-spacing: -0.035em;
}

:where(.onlycat-base) h2 {
	font-size: 48px;
	line-height: 1.12;
}

:where(.onlycat-base) h3 {
	font-size: 24px;
	line-height: 1.25;
}

:where(.onlycat-base) :is(button, a, input, summary):focus-visible {
	outline: 3px solid var(--oc-blue-bright);
	outline-offset: 5px;
}