/* -------------------------------------------------------------------------
   Phanuwat Law — Design Tokens (CSS custom properties)
   สถานะ: FINAL — sign-off 2026-08-15 พร้อมโลโก้แบบ P3 (navy/sage/slate, ไม่มีทอง)
   อ้างอิง: home-mockup.html (Theme/logo-drafts/), approved 2026-08-29
   ------------------------------------------------------------------------- */

:root {
	/* Color (Navy = primary/CTA · Sage = section tint · Slate = decorative accent only) */
	--lpw-color-primary: #062635;
	--lpw-color-primary-dark: #0C3A4E;
	--lpw-color-accent: #6E9AA3; /* slate — ตกแต่งเท่านั้น contrast 2.5:1 ห้ามใช้กับตัวอักษร */
	--lpw-color-sage: #E4E7DC;
	--lpw-color-text: #0E2029;
	--lpw-color-muted: #57696F;
	--lpw-color-border: #DCDFD3;
	--lpw-color-surface: #FBFBF9;
	--lpw-color-bg: #ffffff;

	/* Typography */
	--lpw-font-heading: 'Prompt', 'Noto Sans Thai', sans-serif;
	--lpw-font-body: 'Sarabun', 'Noto Sans Thai', sans-serif;
	--lpw-fs-h1: clamp(32px, 4vw, 40px);
	--lpw-fs-h2: clamp(24px, 3vw, 28px);
	--lpw-fs-body: 17px;
	--lpw-lh-body: 1.7;
	--lpw-lh-heading: 1.3;

	/* Layout / spacing */
	--lpw-container: 1200px;
	--lpw-space-section: 80px;   /* range 64–96 */
	--lpw-space-block: 32px;

	/* Touch target (mobile CTA ≥44px) */
	--lpw-tap-min: 44px;
}

/* Base type binding (provisional — GeneratePress Customizer เป็น source หลัก) */
body {
	font-family: var(--lpw-font-body);
	color: var(--lpw-color-text);
	line-height: var(--lpw-lh-body);
}

h1, h2, h3, .lpw-heading {
	font-family: var(--lpw-font-heading);
	line-height: var(--lpw-lh-heading);
}