:root {
	/* Club colours sampled directly from the 2026 playing kit artwork, not
	   eyeballed: green #146C39, gold #F2A933, near-black #0B0A0B.
	   Contrast on white — green 6.6:1 (AA for body text and white-on-green
	   buttons), gold 1.97:1 (fails, so gold is decorative on light grounds and
	   only becomes text on dark). The heraldic crest keeps its own red, which
	   appears solely inside the crest artwork and never as a UI colour. */
	--ground: #FFFFFF;
	--ivory: #F6F7F3;
	--ink: #0B0A0B;

	--green: #146C39;
	--green-dark: #0E4F2A;
	--green-deep: #093A21;

	--gold: #F2A933;
	--gold-soft: #F7D08A;

	--crest-red: #C8102E;

	--mid: #5C645B;
	--hairline: #DDE1D8;

	--font-display: "Newsreader", Georgia, serif;
	--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

	--step--1: clamp(0.83rem, 0.8rem + 0.15vw, 0.9rem);
	--step-0: clamp(1rem, 0.96rem + 0.2vw, 1.09rem);
	--step-1: clamp(1.2rem, 1.13rem + 0.36vw, 1.44rem);
	--step-2: clamp(1.44rem, 1.32rem + 0.6vw, 1.9rem);
	--step-3: clamp(1.73rem, 1.53rem + 0.98vw, 2.5rem);
	--step-4: clamp(2.07rem, 1.76rem + 1.56vw, 3.3rem);
	--step-5: clamp(2.3rem, 1.9rem + 2vw, 4.35rem);

	--space-xs: 0.5rem;
	--space-sm: 0.875rem;
	--space-md: 1.5rem;
	--space-lg: 2.5rem;
	--space-xl: 4rem;
	--space-2xl: 5rem;

	--radius: 10px;
	--radius-lg: 16px;

	--wrap: 1240px;
	--gutter: var(--space-md);
}

@media (min-width: 768px) {
	:root { --space-2xl: 6rem; }
}

/* The container grows on large displays so a 2560px monitor gets a designed
   layout rather than a 1240px column marooned in white space. */
@media (min-width: 1600px) {
	:root { --wrap: 1440px; --gutter: var(--space-lg); }
}
@media (min-width: 2000px) {
	:root { --wrap: 1660px; }
}
@media (min-width: 2560px) {
	:root { --wrap: 1880px; --space-2xl: 8rem; }
}