/* ==========================================================================
   Polder Development Group — brand tokens (v1)

   This is the ONLY file that defines brand values. Every color, typeface,
   size, and rhythm used anywhere in the theme resolves back to a variable
   declared here. To retune the brand, edit this file and nothing else.

   The architecture mirrors the Polder Construction theme so the two
   properties stay siblings; the values are retuned for the landowner
   audience — cream and ink in place of porcelain, brass in place of bronze,
   and loden green added as the primary "land" tone.
   ========================================================================== */

:root {

	/* --- Color -------------------------------------------------------- */

	--paper:      #F3EEE4;   /* warm cream, the primary ground              */
	--ink:        #201E1A;   /* warm near-black, text and dark bands        */
	--brass:      #B0823A;   /* the accent — rules, marks, large detail     */
	--stone:      #655D50;   /* muted stone, secondary text                 */
	--hairline:   #DCD2C0;   /* the structural hairline on cream           */

	/* Stone is a half-step darker than the brand sheet's #6E665A. That value
	   measures 4.40:1 against the stone band — secondary text sits on those
	   bands often enough that it was failing AA in real use. #655D50 reads
	   the same and clears it (5.05 on the band, 5.61 on cream). */

	/* The land tones. Used for one or two dark bands and for accents, so
	   the site reads as rooted in ground rather than merely expensive. */
	--loden:       #3B4A3A;
	--loden-light: #5C6B54;

	/* Brass, contrast-corrected.

	   Brass on cream measures ~3.0:1 — enough for large display type and
	   for rules, not enough for the small letter-spaced eyebrows. Rather
	   than drop the accent or ship failing text, brass exists in three
	   weights and each has one job. Do not use --brass for small text.

	     --brass       on cream  3.0:1   rules, large display, marks
	     --brass       on ink    4.8:1   passes for text on the dark bands
	     --brass       on loden  2.7:1   RULES ONLY — never text
	     --brass-deep  on cream  4.7:1   small text and eyebrows on cream
	     --brass-light on ink    8.7:1   small text on ink
	     --brass-light on loden  4.9:1   small text and eyebrows on loden  */
	--brass-deep:  #8A6329;
	--brass-light: #DCB57A;

	/* Derived values. Kept here so contrast stays tunable in one place.

	   The two "65" alphas were 55% and 50% when this was drafted; both were
	   measured against their real backgrounds and failed (3.62:1 on cream,
	   3.35:1 on loden). They are the muted tones used for form placeholders,
	   captions, and footer meta — small text, where AA matters most. */
	--ink-75:       rgb(32 30 26 / 0.75);      /* body copy on cream        */
	--ink-65:       rgb(32 30 26 / 0.65);      /* captions, placeholders    */
	--paper-78:     rgb(243 238 228 / 0.78);   /* body copy on dark         */
	--paper-65:     rgb(243 238 228 / 0.65);   /* meta and labels on dark   */
	--rule:         rgb(32 30 26 / 0.14);      /* hairlines on cream        */
	--rule-light:   rgb(243 238 228 / 0.20);   /* hairlines on dark         */
	--rule-brass:   rgb(176 130 58 / 0.55);    /* eyebrow flanking rules    */
	--scrim:        rgb(32 30 26 / 0.34);      /* image overlay             */
	--scrim-hero:   rgb(24 26 22 / 0.52);      /* base wash under hero copy */
	--scrim-deep:   rgb(20 22 18 / 0.34);      /* added at the hero's edges */
	--scrim-top:    rgb(20 22 18 / 0.55);      /* under the overlay header    */
	--focus:        #B0823A;                   /* keyboard focus ring       */

	/* --- Type --------------------------------------------------------- */

	--font-display: "Fraunces", Georgia, "Times New Roman", serif;
	--font-body:    "Montserrat", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;

	--step--1: clamp(0.75rem,   0.72rem + 0.15vw, 0.8125rem);  /* eyebrow, caption */
	--step-0:  clamp(0.9375rem, 0.90rem + 0.20vw, 1.0625rem);  /* body             */
	--step-1:  clamp(1.125rem,  1.05rem + 0.40vw, 1.375rem);   /* lead paragraph   */
	--step-2:  clamp(1.5rem,    1.30rem + 1.00vw, 2.125rem);   /* section heading  */
	--step-3:  clamp(1.875rem,  1.50rem + 1.90vw, 3rem);       /* block heading    */
	--step-4:  clamp(2.5rem,    1.70rem + 4.60vw, 5.75rem);    /* hero             */

	--tracking-eyebrow: 0.28em;
	--tracking-nav:     0.14em;
	--tracking-display: -0.02em;   /* tight, per the display direction */
	--leading-display:  1.03;
	--leading-body:     1.65;

	/* --- Space -------------------------------------------------------- */

	--s-1: 0.5rem;
	--s-2: 1rem;
	--s-3: 1.5rem;
	--s-4: 2.5rem;
	--s-5: 4rem;
	--s-6: 6rem;
	--s-7: 9rem;

	/* Vertical rhythm between full-width bands. Generous by intent. */
	--section-y: clamp(4.5rem, 3rem + 8vw, 10rem);

	/* --- Layout ------------------------------------------------------- */

	--container:        1240px;   /* standard content width */
	--container-wide:   1600px;   /* generous image grids   */
	--container-narrow: 64ch;     /* prose measure          */
	--gutter:    clamp(1.25rem, 5vw, 3.5rem);
	--grid-gap:  clamp(1.25rem, 2.5vw, 2.5rem);

	/* --- Motion (restrained only) ------------------------------------- */

	--ease: cubic-bezier(0.22, 0.61, 0.36, 1);
	--dur:  700ms;
	--dur-fast: 260ms;
	--dur-hero: 18s;   /* the slow hero drift */
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--dur: 1ms;
		--dur-fast: 1ms;
		--dur-hero: 1ms;
	}
}