/* West Headlines brand layer -- loaded LAST so it wins for base elements.
   Single owner of the editorial palette + type. Individual accent uses across
   the theme reference var(--wh-brand); this file defines it.

   PALETTE (hex + role):
     --wh-ink       #14181f  near-black navy -- headings, masthead
     --wh-body      #23262d  body text
     --wh-muted     #667085  meta / secondary text
     --wh-paper     #ffffff  page background
     --wh-surface   #f5f6f8  raised surfaces / cards
     --wh-border    #e2e5ea  hairlines / dividers
     --wh-brand     #c1121f  editorial red -- links / nav / active (replaces the theme's former bright-red accent)
     --wh-brand-dark#8a0d17  hover / pressed accent
     --wh-on-brand  #ffffff  text/icon on a brand fill

   TYPE:
     Inter          -- body + UI (family 'primary-font'/'secondary-font'), SIL OFL
     Source Serif 4 -- editorial headings (h1-h3), SIL OFL
   (font faces are declared in latin-fonts-styles/latin-fonts.css) */

:root {
	--wh-ink: #14181f;
	--wh-body: #23262d;
	--wh-muted: #667085;
	--wh-paper: #ffffff;
	--wh-surface: #f5f6f8;
	--wh-border: #e2e5ea;
	--wh-brand: #c1121f;
	--wh-brand-dark: #8a0d17;
	--wh-on-brand: #ffffff;
	--wh-font-sans: 'primary-font', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
	--wh-font-serif: 'Source Serif 4', Georgia, 'Times New Roman', serif;
}

/* Editorial serif headlines (h4-h6 stay sans). Theme base rules only set
   color/size on these, so this is a clean family + ink override. */
h1,
h2,
h3 {
	font-family: var(--wh-font-serif);
	color: var(--wh-ink);
}

/* Align inherited body text with the palette (color only -- no layout change). */
body {
	color: var(--wh-body);
}

/* NOTE (judgment call): no global a{} / a:hover{} override here.
   The theme's own base `a` color rule is routed to
   var(--wh-brand) by the accent replacement, so default links already carry
   the brand color through this single owner. The base `a:hover` is #000
   (intentional theme-wide black hover); recoloring it to brand-dark globally
   would restructure interaction across the whole theme, so it is left alone. */