/* ══════════════════════════════════════════════════════════
   theme.css — single source of truth for design tokens.
   Loaded before style.css on every page. Values below are the
   winning declarations from the original :root cascade.
   ══════════════════════════════════════════════════════════ */

:root {
	--bg: rgb(231, 241, 248);
	--border: var(--title);
	--g: var(--border);
	--light-blue: hsl(205, 45%, 75%);
	--accent: var(--g);
	--accent2: var(--accent);
	--title: hsl(206, 73%, 13%);
	--light-navy: hsl(205, 74%, 20%);
	--text: var(--title);
	--tdim-fr: var(--title);
	--light-grey: hsl(0, 0%, 42%);
	--med-grey: hsl(0, 0%, 30%);
	--cbul: var(--title);
	--bullbold: hsl(39, 14%, 56%);
	--contrast-text: var(--title);
	--grad: var(--bg);
	--surface: #28292815;
	--surface2: #111111;
	--gd: #232922;
	--gl: #8da084;
	--gpale: rgba(100, 118, 97, 0.25);
	--accentpale: #1d1c1c;
	--highlight: #615739;
	--tdim: var(--cbul);
	--tmut: var(--tdim);
	--miniheader: var(--cbul);
	--dull: #4f5348;
	--navh: 50px;
	--sw: 0px;
	--sw2: 250px;
	--r: 10px;
	--anchorh: 0px;
	--sb: 20px;
	--dimtitle: var(--contrast-text);
	--badge: var(--g);
	--article-width: 1300px;
	--port-header: var(--g);
	--port-hover: var(--gl);
	--sb-active: var(--border);
	--sb-hover: hsl(0, 0%, 40%);
	--sb-active-hover: var(--sb-hover);
	--sb-text: var(--tdim);
	--sb-font-weight: 500;
	--sb-font-weight-hover: 700;
	--sb-font-weight-active: 900;
	--h2padding: 50px;
	--ec-card-lines: 2px;
	--ec-card-lines-color: var(--border);
	--img-gap: 8px;
	--not-white: #b3b3b3;
	--not-black: #6b6b6b;
	--nav-drop: #4c594acb;
	--sec-title: #545556;
	--dark: #313131;
	--uni-gap: 10px;
	--margin: 22px;
	--pageMaxWidth: 1000px;
	--blogAlt: var(--g);
	--blogAlt2: color-mix(in srgb, var(--blogAlt) 70%, transparent);
}

@media (max-width: 1050px) {
	:root {
		--navh: 25px;
		--sb: 70px;
		--h2padding: 10px;
	}
}

:root{--variantSpecial: #415667;}