/*
Theme Name: Kitui Hub
Theme URI: https://kituihub.example
Author: Kitui Hub
Description: Custom-coded theme for Kitui Hub - a standing reference and analytics resource for Kitui County's elective history, evergreen local content, and a live reader poll. Not based on any existing theme or page builder.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: kitui-hub
*/

:root {
	/* Palette - drawn from Kitui's own materials, not generic gov-site blue. */
	--khc-soil: #A8431F;
	--khc-soil-dark: #7A2F15;
	--khc-gold: #D89B3C;
	--khc-acacia: #5C6B3F;
	--khc-indigo: #33324A;
	--khc-parchment: #F4EEE0;
	--khc-parchment-dark: #E8DCC4;
	--khc-ink: #2A2420;

	/* Typography */
	--khc-font-display: 'Fraunces', Georgia, serif;
	--khc-font-body: 'Archivo', -apple-system, Helvetica, Arial, sans-serif;

	--khc-radius: 10px;
	--khc-max-width: 1180px;
}

* { box-sizing: border-box; }

body {
	background: var(--khc-parchment);
	color: var(--khc-ink);
	font-family: var(--khc-font-body);
	margin: 0;
	line-height: 1.55;
}

h1, h2, h3, h4, .khc-font-display {
	font-family: var(--khc-font-display);
	font-weight: 600;
	line-height: 1.2;
	margin: 0 0 0.5em;
}

a { color: var(--khc-soil); }
a:hover { color: var(--khc-soil-dark); }

.khc-container {
	max-width: var(--khc-max-width);
	margin: 0 auto;
	padding: 0 24px;
}

.khc-btn {
	display: inline-block;
	background: var(--khc-soil);
	color: #fff;
	border: none;
	border-radius: var(--khc-radius);
	padding: 12px 22px;
	font-family: var(--khc-font-body);
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
	transition: background 0.15s ease;
}
.khc-btn:hover { background: var(--khc-soil-dark); color: #fff; }
.khc-btn--gold { background: var(--khc-gold); color: var(--khc-ink); }
.khc-btn--gold:hover { background: #c48a2e; }

/* Signature pattern strip - abstract nod to Kamba beadwork geometry.
   Used once per page as a section divider, not scattered throughout. */
.khc-pattern-strip {
	height: 14px;
	width: 100%;
	background: repeating-linear-gradient(
		45deg,
		var(--khc-soil) 0 10px,
		var(--khc-gold) 10px 20px,
		var(--khc-acacia) 20px 30px
	);
	background-size: 42px 100%;
	opacity: 0.9;
}

.khc-card {
	background: #fff;
	border: 1px solid var(--khc-parchment-dark);
	border-radius: var(--khc-radius);
	padding: 20px;
}

.khc-tag {
	display: inline-block;
	background: var(--khc-acacia);
	color: #fff;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	border-radius: 999px;
	padding: 3px 10px;
}

.khc-premium-locked {
	background: var(--khc-indigo);
	color: #F4EEE0;
	border-radius: var(--khc-radius);
	padding: 32px;
}

.khc-grid {
	display: grid;
	gap: 20px;
}
.khc-grid--3 { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }