/* Design tokens — design handoff §3. Per site: change only the THEME block (+ logo). */
:root {
	/* THEME */
	--brand-800: #4E1C61; /* hover */
	--brand-700: #6E2A86; /* primary button, link — white text 8.9:1 */
	--brand-600: #8B3BA6; /* eyebrow, icon */
	--brand-300: #B884C3; /* logo lavender — decoration only, never behind white text */
	--brand-100: #EFE3F3; /* border, icon tile, badge */
	--brand-50:  #F8F3FA; /* section tint */

	/* NEUTRAL (shared by the 3 sites) */
	--ink: #2A2233;
	--ink-muted: #5B5066;
	--surface-dark: #2A1F33;
	--surface-dark-2: #3A2D45;
	--on-dark: #E9DEEE;
	--on-dark-muted: #CDBFD4;
	--on-dark-faint: #B3A4BC;
	--line: #EFE3F3;
	--line-strong: #DCC4E4;
	--line-pill: #E6DCEB;
	--white: #FFFFFF;
	--line-app: #06C755;
	--whatsapp: #25D366;
	--on-chat: #FFFFFF; /* text on LINE / WhatsApp buttons (white per JoJho 2026-10-28; was #052E16) */

	/* SHAPE */
	--r-input: 12px;
	--r-card: 20px;
	--r-panel: 26px;
	--r-pill: 999px;
	--container: 1200px;
	--gutter: 16px;
	--section-y: 40px;
	--tap: 44px;
	--shadow-bar: 0 -6px 20px rgba(42, 34, 51, .10);
	--shadow-card: 0 10px 30px rgba(42, 34, 51, .08);

	/* TYPE */
	--font-en: 'Poppins', 'Noto Sans Thai', system-ui, sans-serif;
	--font-th: 'Noto Sans Thai', 'Poppins', system-ui, sans-serif;
	--font-th-head: 'Prompt', 'Poppins', sans-serif;
	--fs-h1: 31px;
	--fs-h2: 25px;
	--fs-h3: 16px;
	--fs-body: 16px;
	--fs-eyebrow: 13px;
	--lh: 1.6;
}

@media (min-width: 1024px) {
	:root {
		--gutter: 40px;
		--section-y: 88px;
		--fs-h1: 52px;
		--fs-h2: 38px;
		--fs-h3: 18px;
		--fs-body: 17px;
		--fs-eyebrow: 14px;
	}
}