/* Generated from source/template/assets/css/style.css by tools/template/port-css.py.
   Classes renamed tj- → mona-. Edit the prototype first, then re-port. */
/* --- Tokens ---------------------------------------------------------------
   Satellite recipe "Tạp chí hiện đại" (satellite-design-recipe.md, approved on
   cshome.vn 2026-10-14), re-coloured for used luxury cars 2026-10-15: warm stone
   surface and one deep steel-blue accent. Real photographs, Be Vietnam Pro only.
   Contrast (WCAG): ink/page 17.8 · ink/surface 15.8 · muted/page 6.8 ·
   muted/surface 6.1 · accent/page 8.8 · accent/surface 7.8 · accent/accent-soft 7.4 ·
   dark-muted/dark 9.7. */
:root{
	--page:      #FFFFFF;
	--surface:   #F3F1EC;   /* warm stone panels */
	--dark:      #15181C;
	--ink:       #15181C;
	--muted:     #565B63;
	--on-dark:   #FFFFFF;
	--dark-muted:#B7C0CA;
	--accent:      #1B4D7A; /* deep steel blue */
	--accent-deep: #133A5E;
	--accent-soft: #E4ECF3;
	--danger:      #A93226;
	--ok:          #2E6B3F;
	--line:        #E5E3DE;
	--line-strong: #15181C;
	--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; } }