/*
 * brand.css — the Nordaktiv brand layer on top of Delsenter.
 *
 * Copied from delsenter/tools/brand.css. It loads after Delsenter's
 * assets/css/brand.css and layers on top of it: only the accent ramp changes,
 * every brand alias follows it. Neutrals, the sale red and the stock green stay
 * Delsenter's. See "Ny merkevare" in Delsenter's README.md.
 *
 * Custom properties on :root only — no rules.
 *
 * Check for WCAG 2.2 AA (a legal requirement) after every change — tests/brand.sh
 * runs it, and checks that theme.json's blue-* palette matches this ramp:
 *
 *     php wp-content/themes/delsenter/tools/check-brand.php wp-content/themes/nordaktiv/brand.css
 */
:root {
	/*
	 * The accent ramp — the Nordaktiv navy.
	 *
	 *   50, 100   soft fills: the soft button, the brand badge, quotes, the hero
	 *             wash, info notices, the selection highlight
	 *   200       hairlines: the link underline in running copy, done steps
	 *   600       --brand: icons, checked controls, active indicators, the focus
	 *             outline, the focus halo and the brand shadow
	 *   700       --brand-strong / --surface-brand / --text-brand: every fill
	 *             that carries text (primary button, counters, «Ny» badge,
	 *             current page, campaign notice) and brand-coloured text on white
	 *   800, 900  hover and pressed states of the above, link hover
	 *
	 * The brand colour #082860 sits on step 700, not on 600 as Delsenter's
	 * convention ("600 = the logo colour") has it. Do not move it to 600: the
	 * navy is so dark that with 600 = #082860 the buttons and the campaign
	 * notice (step 700) would be close to black. On 700 every text-bearing fill
	 * and all brand text are exactly #082860, and 600 (icons, controls, focus)
	 * is a touch lighter.
	 *
	 * The text on the brand fills stays white (the navy is dark), and
	 * --status-info may follow the navy: it does not read as a warning.
	 */
	--accent-50: #eff4fd;
	--accent-100: #dae6fb;
	--accent-200: #b5cdf7;
	--accent-300: #81a9ee;
	--accent-400: #427ee5;
	--accent-500: #1b59c6;
	--accent-600: #134190;
	--accent-700: #082860;
	--accent-800: #07214f;
	--accent-900: #051a3f;
	--accent-950: #04132e;
}

.dl-post-card__image {
	object-fit: contain;
}