:root {
	--hx-plum: #321432;
	--hx-plum-soft: #4a2a4a;
	--hx-plum-100: #e7e2de;
	--hx-lime: #dcff3c;
	--hx-magenta: #de265d;
	--hx-muted: #eaf5c2;
	--hx-earth: #f7f7f2;
	--hx-earth-2: #f7f7f2;
	--hx-stone: #e7e2de;
	--hx-white: #ffffff;
	--hx-line: #e7e2de;
	--hx-line-strong: #d8d2cd;
	--hx-grey: #4a3348;
	--hx-grey-light: #9a8f8a;
	--hx-body: #000000;
	--hx-ink: #000000;
	--hx-ink-soft: #4a3348;
	--hx-on-plum: #e9dee8;
	--hx-on-plum-soft: #cdbfcc;
	--hx-danger: #a33a35;

	--hx-green-900: #163a1e;
	--hx-green-700: #2e6b3a;
	--hx-green-500: #4e8c5a;
	--hx-green-300: #a8e3ae;
	--hx-green-100: #e3f5c4;
	--hx-green-band: #0f2a12;
	--hx-green-hero: #16251a;

	--hx-font: "Hubexo Product", system-ui, sans-serif;
	--hx-wrap: 1100px;
	--hx-wrap-wide: 1240px;
	--hx-navh: 64px;
	--hx-r: 12px;
	--hx-r-lg: 16px;
	--hx-r-xl: 24px;
	--hx-r-2xl: 28px;
	--hx-r-hero: 32px;
	--hx-shadow-nav: none;
	--hx-shadow-card: 0 16px 40px rgba(50, 20, 50, 0.12);
	--hx-shadow-dark: 0 30px 60px rgba(10, 30, 15, 0.35);
	--hx-transition: 180ms ease;
	--hx-focus: var(--hx-plum);
	--hx-space: clamp(72px, 9vw, 112px);
	color-scheme: light;
}