:root {
	/* Brand 2026 — metallic gold from MDS logo pack */
	--mds-gold: #b08a48;
	--mds-gold-light: #c9a35c;
	--mds-gold-dark: #826134;
	--mds-red: var(--mds-gold);
	--mds-red-dark: var(--mds-gold-dark);
	--mds-blue: #1f2a44;
	--mds-gray-light: #c5cad3;
	--mds-navy: #0b0d12;
	--mds-black: #101114;
	--mds-text: #17191f;
	--mds-muted: #667085;
	--mds-border: #e6e8ec;
	--mds-background: #ffffff;
	--mds-background-light: #f7f8fa;

	--mds-color-primary: var(--mds-gold);
	--mds-color-secondary: var(--mds-navy);
	--mds-color-accent: var(--mds-gold);
	--mds-color-surface: var(--mds-background);
	--mds-color-ink: var(--mds-text);
	--mds-color-muted: var(--mds-muted);

	--mds-font-display: "Manrope", Arial, Helvetica, sans-serif;
	--mds-font-body: "Inter", Arial, Helvetica, sans-serif;

	--mds-container-width: 1380px;
	--container-width: var(--mds-container-width);
	--container-padding: 24px;
	--mds-section-spacing-desktop: 96px;
	--mds-section-spacing-tablet: 72px;
	--mds-section-spacing-mobile: 48px;
	--section-spacing-desktop: var(--mds-section-spacing-desktop);
	--section-spacing-tablet: var(--mds-section-spacing-tablet);
	--section-spacing-mobile: var(--mds-section-spacing-mobile);

	--mds-radius-small: 8px;
	--mds-radius-medium: 12px;
	--mds-radius-large: 18px;
	--radius-sm: var(--mds-radius-small);
	--radius-md: var(--mds-radius-medium);
	--radius-lg: var(--mds-radius-large);

	--mds-card-shadow: 0 8px 30px rgba(16, 24, 40, 0.08);
	--mds-shadow-soft: var(--mds-card-shadow);
	--mds-header-height: 124px;
	--mds-motion: 200ms;
}

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