/* Design tokens — config.js may set --page-bg-top / --page-bg-bottom on :root */

:root{
	/* Page */
	--page-bg-top:#1a2420;
	--page-bg-bottom:#243028;

	/* Typography (system-first; no external font required) */
	--font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI Variable","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	--font-display:ui-sans-serif,system-ui,-apple-system,"Segoe UI Variable","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	--text-primary:#f6f4ef;
	--text-secondary:#c8d6b8;
	--text-muted:#9dab88;
	--text-faint:#6f7d62;

	/* Surfaces (warm olive glass; complements brand page bg) */
	--card:rgba(30,32,24,0.74);
	--card-elevated:rgba(36,38,28,0.84);
	--card-border:rgba(205,195,130,0.16);
	--card-border-strong:rgba(210,200,135,0.26);
	--accent:#8ec9a8;
	--accent-bright:#c4dd9c;
	--accent-soft:rgba(196,212,160,0.12);
	--accent-glow:rgba(168,205,155,0.38);
	--kpi-deep:#141812;

	/* Elevation */
	--shadow-sm:0 4px 20px rgba(0,0,0,0.22);
	--shadow:0 20px 56px rgba(0,0,0,0.38);
	--shadow-lg:0 28px 72px rgba(0,0,0,0.45);
	--shadow-glow:0 0 0 1px rgba(200,190,120,0.09),0 24px 64px rgba(0,0,0,0.4);

	/* Motion */
	--ease-out-expo:cubic-bezier(.16,1,.3,1);
	--ease-spring:cubic-bezier(.34,1.2,.64,1);
	--dur-fast:.18s;
	--dur-med:.32s;
	--dur-slow:.55s;

	--radius-sm:10px;
	--radius-md:14px;
	--radius-lg:18px;
	--radius-xl:22px;
}