:root {
	/* RA brand colors (seed/palette.go) */
	--clr-green: #81b644;
	--clr-navy: #0B4486;
	--clr-white: #FEFEFE;
	--clr-gray: #F5F5F5;
	--clr-dark-gray: #777;
	--clr-black: #151419;

	--clr-background: var(--clr-white);
	--clr-text: var(--clr-black);
	--clr-text-neg: var(--clr-white);
	--clr-primary: var(--clr-navy);
	--clr-accent: var(--clr-green);

	--font-system: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";

	/* Layout (Fidelio global.css ~278–287) */
	--content-min-width: 20rem;
	--content-max-width: 48rem;
	--content-gap-min: 0.5rem;
	--content-gap-xs: 1rem;
	--content-gap-sm: 1.25rem;
	--content-gap: 1.5rem;
	--content-gap-lg: 2rem;
	--content-gap-xlg: 2.5rem;
}

@media (max-width: 48rem) {
	:root {
		--content-gap-xs: 0.5rem;
		--content-gap-sm: 1rem;
		--content-gap: 1.25rem;
		--content-gap-xlg: 2rem;
	}
}

html {
	font-family: Arial, Helvetica, sans-serif;
	background: var(--clr-background);
	color: var(--clr-text);
}

body {
	min-height: 100vh;
	background: var(--clr-background);
	color: var(--clr-text);
}