/**
 * AFAM design tokens. The only place where brand values are defined (ADR D-19).
 * Author: Kiriago <kiryc0de@gmail.com> (https://github.com/kirycode/)
 * Contrast notes are computed on white and recorded by tools/contrast.php.
 */
:root {
  --afam-measure: 70rem; /* U-019 #2: text measure on inner pages (was 46rem) */
	/* Colour */
	--afam-green-600: #336600;   /* primary; 6.9:1 on white */
	--afam-green-500: #0c643a;   /* secondary; 7.2:1 */
	--afam-green-900: #084c2c;   /* deep green; 10:1 */
	--afam-orange-500: #e06c17;  /* accent; 3.3:1: large text, icons, borders only */
	--afam-orange-700: #b8530c;  /* orange text on white; 4.9:1 */
	--afam-gold-500: #cbae2d;    /* restricted accent (D-02); never text on white */
	--afam-gold-300: #e6d37a;
	--afam-ink-900: #1a1a1a;
	--afam-ink-700: #444444;
	--afam-ink-500: #666666;
	--afam-line: #dde3d8;
	--afam-surface: #f7f9f5;
	--afam-white: #ffffff;

	/* Header call-to-action: the ONLY definition (ADR D-32). Option A (provisional, B-31).
	   Option B: --afam-cta-bg: #b85510; --afam-cta-fg: #ffffff; --afam-cta-bg-hover: #e06c17; --afam-cta-fg-hover: #1a1a1a; */
	--afam-cta-bg: #cbae2d;
	--afam-cta-fg: #07442a;   /* B-31: darkened from #084c2c so the pair reaches 5:1 */
	--afam-cta-bg-hover: #e6d37a;
	--afam-cta-fg-hover: #07442a;

	/* Typography (ADR D-01) */
	--afam-font-head: "Merriweather", Georgia, "Times New Roman", serif;
	--afam-font-body: "Manrope", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
	--afam-fs-h1: clamp(2rem, 1.4rem + 2.4vw, 3.25rem);
	--afam-fs-h2: clamp(1.6rem, 1.2rem + 1.4vw, 2.25rem);
	--afam-fs-h3: 1.375rem;
	--afam-fs-body: 1rem;
	--afam-fs-small: 0.875rem;
	--afam-lh-body: 1.65;

	/* Spacing scale (4 px base) */
	--afam-sp-1: 4px;
	--afam-sp-2: 8px;
	--afam-sp-3: 12px;
	--afam-sp-4: 16px;
	--afam-sp-5: 24px;
	--afam-sp-6: 32px;
	--afam-sp-7: 48px;
	--afam-sp-8: 64px;
	--afam-sp-9: 96px;

	/* Shape, elevation, layout */
	--afam-radius-card: 8px;
	--afam-radius-input: 4px;
	--afam-radius-pill: 999px;
	--afam-shadow-card: 0 8px 24px rgba(8, 76, 44, 0.12);
	--afam-content-width: 1200px;
	--afam-focus-ring: 0 0 0 2px #ffffff, 0 0 0 5px #0c643a;
	--afam-transition: 160ms ease;

	/* Header (measured on the reference header, NAVIGATION_AND_HEADER 9.7) */
	--afam-hdr-top: 54px;
	--afam-hdr-main: 76px;
	--afam-hdr-reach: 40px;
	--afam-hdr-tip: 28px;
	--afam-hdr-bg: var(--afam-green-600); /* U-011 DES-015: #336600 */
	--afam-hdr-box: 1400px;               /* U-011 DES-018: boxed header width (ADR D-40) */
	--afam-hover-tint: #EFF5EC;           /* U-011 DES-020 */
	--afam-hover-bar: #CBAE2D;            /* U-011 DES-020 gold bar */
	--afam-hdr-fg: #ffffff;
	--afam-hdr-menu-fg: var(--afam-ink-900);
	--afam-hdr-menu-hover: var(--afam-green-600);
	--afam-hdr-underline: var(--afam-orange-500);
	--afam-hdr-cta-radius: 8px;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--afam-transition: 0ms;
	}
}