/* DLM Conseil Theme V2 — Design Tokens (plan §19/§3.4). Values only — no
   component styles here. Component CSS files (buttons, cards, header, etc.)
   are added under assets/css/components/ as each component is built. */
:root {
	--color-primary: #102a43;
	--color-primary-dark: #0b1d30;
	--color-accent: #d4a012;
	--color-accent-dark: #a97e0c;
	/* Milestone 16 (accessibility audit) — #a97e0c only reaches ~3.7:1 on white,
	   below WCAG AA's 4.5:1 for normal text. Use this token for small gold TEXT
	   on light backgrounds (eyebrows, labels, numerals). Keep --color-accent-dark
	   for backgrounds/hover states and decorative borders, where it already passes. */
	--color-accent-text: #8a6a0a;
	--color-background: #ffffff;
	--color-surface: #f0f4f8;
	--color-text: #1a202c;
	--color-muted: #64748b;
	--color-border: #e2e8f0;

	--space-xs: 0.5rem;
	--space-sm: 1rem;
	--space-md: 1.5rem;
	--space-lg: 2.5rem;
	--space-xl: 4rem;

	--radius-sm: 4px;
	--radius-md: 8px;
	--radius-lg: 16px;

	--shadow-sm: 0 1px 2px rgba(16, 42, 67, 0.08);
	--shadow-md: 0 4px 16px rgba(16, 42, 67, 0.12);

	--container-width: 1200px;

	/* Sticky header height — used by scroll-margin-top / sticky offsets
	   (article TOC, FAQ chip nav). Approximate; content only needs to clear it. */
	--header-height: 80px;
}