/* ==========================================================================
   Design tokens — ported from source/template/assets/css/style.css :root
   ("Tạp chí ảnh", v2, 2026-10-14). Names gain the mona- prefix; values are the
   prototype's. Contrast ratios are recorded in that file and in
   .claude/docs/prototype-map.md.
   ========================================================================== */
:root{
	--mona-page:      #F5F1EA;   /* giấy ngà — ivory paper */
	--mona-surface:   #ECE6DC;   /* giấy ngà đậm — the second band */
	--mona-dark:      #14110F;   /* phòng tối — darkroom */
	--mona-ink:       #1E1B18;
	--mona-muted:     #6B635A;
	--mona-on-dark:   #EFE8DC;
	--mona-on-dark-muted: #ADA395;
	--mona-accent:      #1E1B18; /* links are ink, underlined: a magazine does not colour its links */
	--mona-accent-deep: #000;
	--mona-gold:        #C9A86A; /* champagne: rules and marks, and text only on dark */
	--mona-gold-text:   #7A5C28; /* champagne dark enough to read on paper */
	--mona-danger:      #A3291F;
	--mona-ok:          #2F6B4F;
	--mona-line:        rgba(30,27,24,.14);
	--mona-line-strong: rgba(30,27,24,.32);
	--mona-line-dark:   rgba(239,232,220,.18);
	--mona-control:     #857B70;
	--mona-control-dark:#8F877B;

	--mona-font-display: 'Playfair Display', 'Noto Serif Display', Georgia, serif;
	--mona-font-body: 'Be Vietnam Pro', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	--mona-fs-body: 1.0625rem;
	--mona-fs-lead: clamp(1.1rem, 1rem + .45vw, 1.3rem);
	--mona-fs-h3: clamp(1.35rem, 1.15rem + .8vw, 1.75rem);
	--mona-fs-h2: clamp(2rem, 1.35rem + 2.6vw, 3.4rem);
	--mona-fs-h1: clamp(2.5rem, 1.4rem + 4.6vw, 5.4rem);

	--mona-container: 1280px;
	--mona-container-wide: 1480px;
	--mona-gutter: clamp(20px, 5vw, 72px);
	--mona-section: clamp(72px, 10vw, 152px);
	--mona-r-img: 0px;           /* photographs are printed, not rounded */
	--mona-r-panel: 0px;
	--mona-r-pill: 999px;

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