/*
 * The Advance Media — Design Tokens
 * ---------------------------------------------------------------------------
 * SINGLE SOURCE OF TRUTH for colour, type, space, radius and motion.
 * Mirrored in theme.json so the block editor matches the front end.
 * If you change a value here, change it there too. Do not hard-code hexes
 * anywhere else in the stylesheet set.
 * See docs/01-BRAND-SYSTEM.md
 */

:root {
	/* ---------- Colour: brand ---------- */
	--tam-charcoal: #171714;
	--tam-ivory: #f7f4ee;
	--tam-beige: #e9e1d5;
	--tam-gold: #b69a6a;
	--tam-text: #23221f;
	--tam-muted: #6f6b63;
	--tam-white: #ffffff;

	/* ---------- Colour: derived ---------- */
	--tam-line: rgba(35, 34, 31, 0.12);
	--tam-line-strong: rgba(35, 34, 31, 0.24);
	--tam-line-dark: rgba(247, 244, 238, 0.16);
	--tam-ink-on-dark: #f7f4ee;
	--tam-muted-on-dark: rgba(247, 244, 238, 0.68);
	--tam-gold-soft: rgba(182, 154, 106, 0.18);
	--tam-beige-soft: rgba(233, 225, 213, 0.45);
	--tam-shadow: 0 1px 2px rgba(23, 23, 20, 0.04), 0 8px 24px rgba(23, 23, 20, 0.06);
	--tam-shadow-lift: 0 2px 4px rgba(23, 23, 20, 0.06), 0 14px 38px rgba(23, 23, 20, 0.1);

	/* ---------- Colour: state ---------- */
	--tam-error: #9b2c2c;
	--tam-error-soft: rgba(155, 44, 44, 0.08);
	--tam-success: #2f6b4f;
	--tam-success-soft: rgba(47, 107, 79, 0.08);

	/* ---------- Typography: families ---------- */
	--ff-display: "DM Serif Display", "Instrument Serif", "Cormorant Garamond",
		"Times New Roman", Georgia, serif;
	--ff-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, sans-serif;

	/* ---------- Typography: fluid scale ---------- */
	--fs-display: clamp(2.75rem, 1.6rem + 4.6vw, 5.25rem);
	--fs-h1: clamp(2.25rem, 1.5rem + 3.1vw, 3.75rem);
	--fs-h2: clamp(1.75rem, 1.3rem + 1.9vw, 2.75rem);
	--fs-h3: clamp(1.3rem, 1.15rem + 0.7vw, 1.65rem);
	--fs-h4: clamp(1.1rem, 1.05rem + 0.3vw, 1.25rem);
	--fs-lead: clamp(1.1rem, 1.02rem + 0.4vw, 1.3rem);
	--fs-body: 1.0625rem;
	--fs-small: 0.9375rem;
	--fs-eyebrow: 0.8125rem;

	/* ---------- Typography: rhythm ---------- */
	--lh-display: 1.04;
	--lh-heading: 1.14;
	--lh-lead: 1.5;
	--lh-body: 1.7;
	--lh-small: 1.55;
	--ls-display: -0.015em;
	--ls-heading: -0.01em;
	--ls-eyebrow: 0.14em;

	/* ---------- Space scale: 8 12 16 24 32 48 64 96 128 ---------- */
	--sp-1: 0.5rem;
	--sp-2: 0.75rem;
	--sp-3: 1rem;
	--sp-4: 1.5rem;
	--sp-5: 2rem;
	--sp-6: 3rem;
	--sp-7: 4rem;
	--sp-8: 6rem;
	--sp-9: 8rem;

	/* ---------- Layout ---------- */
	--container: 1240px;
	--container-wide: 1440px;
	--container-narrow: 760px;
	--measure: 68ch;
	--gutter: clamp(1.25rem, 0.8rem + 2vw, 2.5rem);
	--section-y: clamp(4rem, 2.5rem + 6vw, 8rem);
	--header-h: 76px;

	/* ---------- Radius ---------- */
	--r-sm: 4px;
	--r-md: 8px;
	--r-lg: 14px;
	--r-pill: 999px;

	/* ---------- Motion ---------- */
	--ease: cubic-bezier(0.22, 0.61, 0.36, 1);
	--dur-fast: 160ms;
	--dur: 280ms;
	--dur-slow: 620ms;

	/* ---------- Z-index ladder ---------- */
	--z-header: 100;
	--z-menu: 110;
	--z-sticky: 90;
	--z-float: 80;
	--z-consent: 120;
	--z-skip: 200;
}

@media (min-width: 1024px) {
	:root {
		--header-h: 88px;
	}
}