/* =============================================================
   homechurch — Design tokens
   Hearth & manuscript — warm parchment, serif, restrained
   ============================================================= */

:root {

	/* --- Colour palette ---------------------------------------- */
	--c-parchment:       #F6EFE0;
	--c-parchment-soft:  #FBF5EB;
	--c-parchment-deep:  #EFE6D2;

	--c-ink:             #2A1F18;
	--c-ink-soft:        #3D2A1E;
	--c-ink-faint:       #5A3F2E;

	--c-rust:            #8B4513;
	--c-rust-soft:       #7A4F2A;
	--c-rust-deep:       #6B2A1A;

	--c-rule:            #C9B894;
	--c-rule-soft:       #E5D5BC;

	--c-foundations-bg:     #2A1F18;
	--c-foundations-fg:     #B89876;
	--c-foundations-accent: #D4A968;


	/* --- Typography ------------------------------------------- */
	--ff-display: 'Cormorant Garamond', Garamond, 'Iowan Old Style', Georgia, serif;
	--ff-body:    'Iowan Old Style', 'Charter', Georgia, 'Times New Roman', serif;
	--ff-eyebrow: 'Iowan Old Style', 'Charter', Georgia, serif;

	--fs-eyebrow:  0.6875rem;
	--fs-caption:  0.8125rem;
	--fs-meta:     0.875rem;
	--fs-body:     1.0625rem;
	--fs-lead:     1.1875rem;
	--fs-h4:       1.25rem;
	--fs-h3:       1.625rem;
	--fs-h2:       2rem;
	--fs-h1:       2.625rem;
	--fs-display:  3.25rem;

	--lh-tight:    1.15;
	--lh-snug:     1.35;
	--lh-normal:   1.55;
	--lh-relaxed:  1.78;

	--ls-eyebrow:  0.18em;
	--ls-display:  -0.005em;


	/* --- Spacing (8px base) ----------------------------------- */
	--sp-1:   0.25rem;
	--sp-2:   0.5rem;
	--sp-3:   0.75rem;
	--sp-4:   1rem;
	--sp-5:   1.5rem;
	--sp-6:   2rem;
	--sp-7:   2.5rem;
	--sp-8:   3rem;
	--sp-9:   4rem;
	--sp-10:  6rem;


	/* --- Layout widths ---------------------------------------- */
	--w-container:    1200px;
	--w-content:      620px;
	--w-content-wide: 760px;
	--w-rail:         220px;
	--w-rail-gap:     var(--sp-7);


	/* --- Borders, radii --------------------------------------- */
	--bw-hair:  0.5px;
	--bw-rule:  1px;
	--r-none:   0;
	--r-sm:     2px;
	--r-pill:   999px;


	/* --- Transitions ------------------------------------------ */
	--t-fast:   120ms ease-out;
	--t-base:   220ms ease-out;
	--t-slow:   420ms ease-out;


	/* --- Z-index scale ---------------------------------------- */
	--z-rail-bar:   25;   /* mobile sticky TOC bar */
	--z-header:     30;   /* sticky top bar */
	--z-backdrop:   90;
	--z-drawer:    100;
	--z-skiplink: 1000;


	/* --- Sticky chrome (v1.2) --------------------------------- */
	--header-height:   64px;   /* JS overrides at runtime */
	--toc-bar-height:  0px;    /* set by media query on mobile */
	--sticky-offset:   calc(var(--header-height) + var(--toc-bar-height) + var(--sp-4));
}

.width-tight       { --w-content-eff: 540px; }
.width-comfortable { --w-content-eff: 620px; }
.width-wide        { --w-content-eff: 720px; }

@media (prefers-reduced-motion: reduce) {
	* {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}