/*
Theme Name:   American Blackout
Description:  GeneratePress child theme for americanblackout.org.
Template:     generatepress
Version:      0.1.0
Requires PHP: 8.1
License:      GPL-2.0-or-later
Text Domain:  ab-child
*/

:root {
	--ab-night: #10151f;
	--ab-night-2: #1b2331;
	--ab-accent: #d9480f;
	--ab-ink: #1d2433;
	--ab-muted: #5c6478;
	--ab-bg: #ffffff;
	--abm-accent: var(--ab-accent);
}

body {
	color: var(--ab-ink);
	background: var(--ab-bg);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 17px;
	line-height: 1.6;
}

a { color: #1864ab; }
a:hover { color: var(--ab-accent); }

h1, h2, h3, h4 { color: var(--ab-ink); font-weight: 750; letter-spacing: -0.01em; line-height: 1.2; }
h1 { font-size: clamp(1.8rem, 4.5vw, 2.5rem); }
h2 { font-size: clamp(1.35rem, 3vw, 1.7rem); margin-top: 1.6em; }

/* Header and navigation */
.site-header { background: var(--ab-night); }
.site-header .main-title a, .site-header .main-title a:hover { color: #fff; font-weight: 800; letter-spacing: 0.02em; }
.site-description { color: #aab3c5; }
.main-navigation, .main-navigation ul ul { background: var(--ab-night-2); }
.main-navigation .main-nav ul li a, .menu-toggle { color: #e8ebf1; font-weight: 600; }
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li.current-menu-item > a { color: #fff; background: var(--ab-accent); }

/* Content. Flex items default to min-width: auto, which lets wide tables push the page past the screen. */
.content-area, .site-main { min-width: 0; }

.separate-containers .inside-article, .one-container .site-content { padding: 32px; }
@media (max-width: 768px) {
	.separate-containers .inside-article, .one-container .site-content { padding: 20px 16px; }
}
.entry-meta { color: var(--ab-muted); font-size: 0.85em; }

/* Footer */
.site-info { background: var(--ab-night); color: #aab3c5; font-size: 0.85em; }
.site-info a { color: #e8ebf1; }