/**
 * CHXN design tokens — single source of truth for color/spacing/radius/
 * shadow. Do not hardcode these hex values anywhere else in assets/css/.
 * Custom property names use the same "--chxn-*" prefix as the class
 * naming convention, for consistency.
 */
:root {
	/* brand colors */
	--chxn-green: #126b48;
	--chxn-green-d: #0d5538;
	--chxn-green-l: #e7f2ec;
	--chxn-red: #e0492f;
	--chxn-red-d: #c43a22;
	--chxn-amber: #e8a317;
	--chxn-gold: #c8922a;

	/* neutrals */
	--chxn-bg: #f4f6f3;
	--chxn-cream: #fbf8f1;
	--chxn-card: #ffffff;
	--chxn-ink: #1f2a24;
	--chxn-ink-2: #69756e;
	--chxn-line: #e6e9e5;
	--chxn-line-2: #cdd4cf;

	/* typography */
	--chxn-font: 'Be Vietnam Pro', sans-serif;

	/* shape */
	--chxn-container: 1240px;
	--chxn-radius-card: 14px;
	--chxn-radius-img: 16px;
	--chxn-radius-pill: 99px;
	--chxn-radius-input: 9px;

	/* shadow */
	--chxn-shadow-card-hover: 0 14px 28px rgba(0, 0, 0, .1);
}