/* Fake Wizards tokens — black / white / gray only */

:root,
html[data-theme="light"] {
	--wr-bg: #ffffff;
	--wr-bg-elevated: #f4f4f4;
	--wr-ink: #111111;
	--wr-muted: #6b6b6b;
	--wr-line: #e0e0e0;
	--wr-splatter: #111111;
	--wr-inverse-bg: #111111;
	--wr-inverse-ink: #ffffff;
	--wr-accent: #111111;
	--wr-accent-ink: #ffffff;
	--wr-hot: #111111;
	--wr-byline: #555555;
	--wr-focus: #333333;
	--wr-card-bg: #ffffff;
	--wr-header-bg: rgba(255, 255, 255, 0.96);
	--wr-shadow: none;
	--wr-rail-line: #d0d0d0;
	color-scheme: light;
}

html[data-theme="dark"] {
	--wr-bg: #111111;
	--wr-bg-elevated: #1c1c1c;
	--wr-ink: #f0f0f0;
	--wr-muted: #9a9a9a;
	--wr-line: #333333;
	--wr-splatter: #f0f0f0;
	--wr-inverse-bg: #f0f0f0;
	--wr-inverse-ink: #111111;
	--wr-accent: #f0f0f0;
	--wr-accent-ink: #111111;
	--wr-hot: #f0f0f0;
	--wr-byline: #a8a8a8;
	--wr-focus: #c8c8c8;
	--wr-card-bg: #111111;
	--wr-header-bg: rgba(17, 17, 17, 0.96);
	--wr-shadow: none;
	--wr-rail-line: #333333;
	color-scheme: dark;
}

/*
 * Responsive ladder (use these widths in @media — custom props can't drive queries):
 *  480   phone compact
 *  700   tablet portrait / forms
 *  900   review sidebar two-column
 *  960   home hero + latest rail
 *  1100  header: hamburger below this (keeps one-line bar)
 *  782   WP admin bar only
 */
:root {
	--wr-max: 72rem;
	--wr-radius: 0.25rem;
	--wr-control-h: 2.75rem;
	--wr-font-display: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--wr-font-body: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}