/*
Theme Name:  Masthead Wsjfinance
Template:    masthead
Version:     1.0.0
Author:      Muneeb Gawri
Author URI:  https://muneebgawri.com
Text Domain: masthead-wsjfinance
Description: Financial news with WSJ red on slate.
License:     GPL-2.0-or-later
*/

/* ── Design tokens ──────────────────────────────────────────────── */
:root {
	/* Brand */
	--mh-color-accent:           #E11900;
	--mh-color-link:             #E11900;
	--mh-color-link-hover:       #1B2A3A;
	--mh-color-focus:            #E11900;
	--mh-color-category-bg:      #E11900;
	--mh-color-blockquote-border:#E11900;

	/* Header */
	--mh-color-header-bg:        #E11900;
	--mh-color-header-text:      #ffffff;
	--mh-header-border-width:    0px;

	/* Footer */
	--mh-color-footer-bg:        #1B2A3A;
	--mh-color-footer-text:      #c1c1c1;

	/* Typography (Google Fonts loaded in functions.php) */
	--mh-font-heading:           'Source Serif Pro', Georgia, 'Times New Roman', serif;
	--mh-font-body:              'Source Sans Pro', Arial, Helvetica, Verdana, sans-serif;
	--mh-font-ui:                'Source Sans Pro', system-ui, sans-serif;
}

/* ── Global ─────────────────────────────────────────────────────── */
body {
	font-family: var(--mh-font-body);
	color: #1c1c1c;
	background: #ffffff;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--mh-font-heading);
	color: #1c1c1c;
	font-weight: 700;
}

a        { color: var(--mh-color-link); }
a:hover  { color: var(--mh-color-link-hover); }