/* Generated from source/template/assets/css/style.css (prototype v3, 2026-10-14).
   Classes renamed cs- → mona-. Edit the prototype first, then re-port. */
/* --- Tokens ---------------------------------------------------------------
   v3 "Tạp chí nhà ở hiện đại" (2026-10-14). v1 grid-paper/mono was rejected as
   fake-looking, v2 newspaper serif as dated. Real photographs, one sans family
   built for Vietnamese, rounded images, generous white.
   Contrast (WCAG): ink/page 17.8 · muted/page 6.9 · muted/surface 6.1 ·
   accent/page 8.0 · accent/surface 7.1 · ink/surface 15.8 · dark-muted/dark 9.8. */
:root{
	--page:      #FFFFFF;
	--surface:   #F4F1EB;   /* warm panels */
	--dark:      #16181A;
	--ink:       #16181A;
	--muted:     #5E5A54;
	--on-dark:   #FFFFFF;
	--dark-muted:#B9C2BD;
	--accent:      #1F5B46; /* deep leaf green */
	--accent-deep: #17473A;
	--accent-soft: #E3ECE6;
	--danger:      #A93226;
	--ok:          #2E6B3F;
	--line:        #E6E2DA;
	--line-strong: #16181A;
	--line-dark:   rgba(255,255,255,.14);

	--font-display: 'Be Vietnam Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--font-body: 'Be Vietnam Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--fs-body: 1.0625rem;
	--fs-small: .9375rem;
	--fs-meta: .8125rem;
	--fs-lead: clamp(1.05rem, 1rem + .25vw, 1.2rem);
	--fs-h3: 1.2rem;
	--fs-h2: clamp(1.6rem, 1.3rem + 1.1vw, 2.25rem);
	--fs-h1: clamp(1.85rem, 1.4rem + 1.5vw, 2.6rem);

	--container: 1280px;
	--container-wide: 1440px;
	--gutter: clamp(16px, 3.5vw, 40px);
	--section: clamp(56px, 6.5vw, 96px);
	--r-img: 16px;
	--r-panel: 20px;
	--r-pill: 999px;

	--ease: cubic-bezier(.22,.61,.36,1);
	--ease-out: cubic-bezier(.16,1,.3,1);
	--hdr-h: 72px;
}
@media (max-width: 720px){ :root{ --fs-body: 1rem; --hdr-h: 60px; --r-img: 12px; --r-panel: 16px; } }