/* Design tokens — design handoff §3. Per site: change only the THEME block (+ logo).
   Central Pattaya Dental Clinic · "Navy & Gold" (handoff §10). */
:root {
	/* THEME */
	--brand-800: #022A52; /* hover · white 14.4:1 */
	--brand-700: #003C74; /* primary button, link, H1 — white 11.1:1 */
	--brand-600: #0F4C88; /* icon, eyebrow on tint */
	--brand-300: #7FA5CF; /* decoration only, never behind white text */
	--brand-100: #D6E4F2; /* border, icon tile, badge */
	--brand-50:  #EEF4FA; /* section tint (cool blue) */
	--gold-700: #8A6512;  /* gold text: eyebrow, accent word in H1 — white bg 5.3:1 */
	--gold-500: #C99A2E;  /* hairline + sparkle, CTA panel border */
	--gold-300: #E3C276;  /* dentist ring, clinic photo frame, text on surface-dark 9.6:1 */
	--gold-100: #F4E7C4;  /* PROMO badge */

	/* Same colours as r, g, b — for translucent shadows/overlays in the shared CSS (rgba(var(--x), a)). */
	--brand-800-rgb: 2, 42, 82;
	--brand-700-rgb: 0, 60, 116;
	--brand-300-rgb: 227, 194, 118; /* soft halo around portraits = gold here */
	--brand-50-rgb: 238, 244, 250;
	--ink-rgb: 20, 33, 61;
	--scrim-rgb: 5, 15, 31;
	--line-dark: #22406B;      /* dividers on surface-dark */
	--on-brand-muted: #DCE6F2; /* secondary text on brand-700 panels */
	--ink-soft: #4A5A70;
	--ink-faint: #6B7A90;

	/* NEUTRAL */
	--ink: #14213D;
	--ink-muted: #4A5A70;
	--surface-dark: #0A1F3D;
	--surface-dark-2: #13305A;
	--on-dark: #DCE6F2;
	--on-dark-muted: #B9C8DC;
	--on-dark-faint: #9FB2CB;
	--line: #D6E4F2;
	--line-strong: #AFC8E3;
	--line-pill: #D6E4F2;
	--white: #FFFFFF;
	--line-app: #06C755;
	--whatsapp: #25D366;
	--facebook: #1877F2;
	--on-chat: #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(2, 42, 82, .10);
	--shadow-card: 0 10px 30px rgba(2, 42, 82, .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;
	--font-mark: 'Cinzel', Georgia, serif; /* wordmark "CENTRAL PATTAYA" only */
	--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;
	}
}