/* Design tokens — warm premium home-services palette. */
:root {
	/* Type — characterful display + clean system body. */
	--font-display: "Fraunces", "Playfair Display", "Georgia", ui-serif, serif;
	--font-sans:    -apple-system, BlinkMacSystemFont, "Söhne", "Helvetica Neue", "Inter", "Segoe UI", sans-serif;

	/* Color — warm-zwart + ivory + navy + warm goud. */
	--ink:        #0E0E10;
	--ink-2:      #1A1A1D;
	--ink-soft:   #2A2A2D;
	--paper:      #F8F5F0;     /* ivory */
	--paper-2:    #EFEAE0;     /* sand */
	--paper-3:    #E5DFD2;     /* deeper sand for accents */
	--mute:       #6B6356;     /* warm grey */
	--mute-2:     #93897A;
	--navy:       #1B3A8A;     /* primary accent — vertrouwen */
	--navy-deep:  #122766;
	--navy-soft:  rgba(27,58,138,0.08);
	--gold:       #C8993D;     /* warm goud — premium */
	--gold-soft:  rgba(200,153,61,0.12);
	--success:    #2F7A3F;
	--success-soft: rgba(47,122,63,0.14);
	--mist:       rgba(14,14,16,0.10);
	--mist-2:     rgba(14,14,16,0.05);
	--glass:      rgba(248,245,240,0.78);

	/* Layout. */
	--container:    1280px;
	--container-px: clamp(20px, 5vw, 56px);
	--radius:       18px;
	--radius-sm:    10px;
	--radius-lg:    28px;
	--radius-xl:    36px;

	/* Type scale. */
	--fs-display:    clamp(2.8rem, 7.6vw, 7.2rem);
	--fs-display-md: clamp(2.2rem, 5vw, 4.2rem);
	--fs-h3:         clamp(1.35rem, 2vw, 1.7rem);
	--fs-lede:       clamp(1.05rem, 1.5vw, 1.28rem);
	--fs-body:       1rem;
	--fs-small:      0.88rem;
	--fs-eyebrow:    0.78rem;

	/* Motion. */
	--ease:        cubic-bezier(0.22, 1, 0.36, 1);
	--ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
	--dur-fast: 180ms;
	--dur:      420ms;
	--dur-slow: 780ms;
}

/* Self-host display font (Fraunces variable). */
@font-face {
	font-family: "Fraunces";
	font-style: normal;
	font-weight: 200 900;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/fraunces/v32/6NUh8FyLNQOQZAnv9bYEvDiIdE9Ea92uemAk.woff2") format("woff2");
}
@font-face {
	font-family: "Fraunces";
	font-style: italic;
	font-weight: 200 900;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/fraunces/v32/6NUu8FyLNQOQZAnv9ZwLvjvfV-PT2Z71-jfQ-w.woff2") format("woff2");
}