/**
 * variables.css — Design tokens — colors, spacing scale, radii, shadows, header height, dark-mode overrides.
 *
 * Part of the KWL360 split stylesheet. Load order lives in
 * functions.php; responsive.css loads next-to-last so its rules
 * reliably win the cascade against every file before it.
 * @package KWL360
 */

[data-kwl-theme="dark"]{
	--kwl-primary: #6E93C9;
	--kwl-accent: #FB6543;
	--kwl-soft-blue: #16213d;
	--kwl-light-gray: #1a2440;
	--kwl-white: #10162a;
	--kwl-ink: #EDF1F8;
	--kwl-ink-soft: #A9B6CC;
	--kwl-border: #26335a;
	background: #0b0f1e;
}
[data-kwl-theme="dark"] body{ background: #0b0f1e; }