/* ==========================================================================
   Marlowe — design tokens. Light, editorial "quiet luxury" real estate.
   Warm paper, ink, deep forest green + brushed brass.
   ========================================================================== */
:root {
	--ml-paper:    #f6f3ec;   /* warm off-white base */
	--ml-paper-2:  #efeadf;   /* panel */
	--ml-paper-3:  #e7e1d3;   /* hover / border tint */
	--ml-card:     #fbf9f4;   /* raised card */

	--ml-ink:      #1c1b17;   /* near-black warm */
	--ml-ink-soft: #4a463d;   /* secondary text */
	--ml-muted:    #8b8578;   /* captions */

	--ml-forest:   #2f4a3a;   /* deep forest green (primary) */
	--ml-forest-2: #223528;
	--ml-brass:    #a67c3d;   /* brushed brass (secondary) */
	--ml-brass-lt: #c39a5b;

	--ml-line:     rgba(28, 27, 23, 0.14);
	--ml-line-soft:rgba(28, 27, 23, 0.08);

	--ml-serif: 'Spectral', 'Georgia', serif;
	--ml-sans:  'Hanken Grotesk', -apple-system, 'Segoe UI', system-ui, sans-serif;

	--fs-100: .78rem;
	--fs-200: .9rem;
	--fs-300: 1.0625rem;
	--fs-400: 1.3rem;
	--fs-500: 1.7rem;
	--fs-600: clamp(2rem, 3.4vw, 3rem);
	--fs-700: clamp(2.6rem, 5vw, 4.2rem);
	--fs-800: clamp(3.2rem, 7.5vw, 6.4rem);

	--sp-3: 24px; --sp-4: 40px; --sp-5: 64px; --sp-6: 96px; --sp-7: 140px;

	--ml-radius: 4px;
	--ml-radius-lg: 12px;
	--ml-ease: cubic-bezier(.22, 1, .36, 1);
	--ml-shadow: 0 30px 70px -46px rgba(28, 27, 23, .5);
	--ml-maxw: 1280px;
	--ml-gutter: clamp(20px, 5vw, 60px);
}