/*
 * Mendwell design tokens.
 * Mirrors the Figma variable collection "Mendwell · Color" (4 modes) and the
 * space / radius collections. Change a value here and every page follows.
 * Mode is set on <html data-mw-mode="…"> (Customizer) or per page (Elementor).
 */
:root {
	--mw-violet: #6340ee;
	--mw-lime: #c8ff3d;
	--mw-dark: #160b3d;
	--mw-paper: #f6f3ff;
	--mw-white: #fff;
	--mw-deep: #21134f;
	--mw-muted-light: #4a3f7a;
	--mw-muted-violet: #f1ecff;
	--mw-muted-dark: #cfc6f5;
	--mw-nofit: #8a1f5a;
	--mw-line: rgba(22, 11, 61, 0.14);
	--mw-line-on-dark: rgba(255, 255, 255, 0.18);

	--mw-font-display: "Young Serif", Georgia, serif;
	--mw-font-body: "Rethink Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
	--mw-font-mono: "Reddit Mono", ui-monospace, "SFMono-Regular", monospace;

	--mw-radius-check: 6px;
	--mw-radius-field: 12px;
	--mw-radius-note: 16px;
	--mw-radius-card-sm: 20px;
	--mw-radius-card: 24px;
	--mw-radius-panel: 28px;

	--mw-gutter: 30px;
	--mw-side: 60px;
	--mw-max: 1440px;
	--mw-band-top: 88px;
	--mw-band-bottom: 96px;
}

html[data-mw-mode="coral"] {
	--mw-violet: #c42f3d; --mw-lime: #ffe79a; --mw-dark: #2a0a12; --mw-paper: #fff7f5;
	--mw-deep: #40141d; --mw-muted-light: #6b2f38; --mw-muted-violet: #ffeff0; --mw-muted-dark: #f3c9cf; --mw-nofit: #8a1f3a;
}
html[data-mw-mode="forest"] {
	--mw-violet: #1e6b52; --mw-lime: #ffd86b; --mw-dark: #0b2a20; --mw-paper: #f4f8f5;
	--mw-deep: #123a2d; --mw-muted-light: #2f5446; --mw-muted-violet: #ddf3ea; --mw-muted-dark: #bfdccf; --mw-nofit: #8a2f1f;
}
html[data-mw-mode="cobalt"] {
	--mw-violet: #2948d6; --mw-lime: #b8f5ff; --mw-dark: #0b1440; --mw-paper: #f4f6ff;
	--mw-deep: #16215e; --mw-muted-light: #3a4577; --mw-muted-violet: #e6ebff; --mw-muted-dark: #c3cbf2; --mw-nofit: #8a1f5a;
}