:root {
	/* Brand */
	--fa-color-brand: #FFB800;
	--fa-color-brand-hover: #EBA500;
	--fa-color-brand-soft: #FFF7DF;
	--fa-color-brand-ink: #151515;

	/* Surfaces and text */
	--fa-color-background: #FFFFFF;
	--fa-color-surface: #F7F7F7;
	--fa-color-surface-raised: #FFFFFF;
	--fa-color-text: #151515;
	--fa-color-text-secondary: #686868;
	--fa-color-text-muted: #767676;
	--fa-color-border: #EAEAEA;
	--fa-color-border-strong: #D5D5D5;
	--fa-color-footer: #111111;
	--fa-color-error: #D92D20;
	--fa-color-success: #18794E;
	--fa-color-info: #175CD3;

	/* Typography */
	--fa-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--fa-font-size-xs: 0.75rem;
	--fa-font-size-sm: 0.875rem;
	--fa-font-size-md: 1rem;
	--fa-font-size-lg: 1.125rem;
	--fa-font-size-xl: 1.25rem;
	--fa-font-size-2xl: 1.5rem;
	--fa-font-size-3xl: clamp(1.875rem, 3vw, 2.5rem);
	--fa-font-size-display: clamp(2.5rem, 5vw, 4rem);
	--fa-line-height-tight: 1.08;
	--fa-line-height-heading: 1.2;
	--fa-line-height-body: 1.6;
	--fa-font-weight-regular: 400;
	--fa-font-weight-medium: 550;
	--fa-font-weight-semibold: 650;
	--fa-font-weight-bold: 750;
	--fa-font-weight-black: 900;

	/* Spacing */
	--fa-space-1: 0.25rem;
	--fa-space-2: 0.5rem;
	--fa-space-3: 0.75rem;
	--fa-space-4: 1rem;
	--fa-space-5: 1.25rem;
	--fa-space-6: 1.5rem;
	--fa-space-8: 2rem;
	--fa-space-10: 2.5rem;
	--fa-space-12: 3rem;
	--fa-space-section: clamp(1.5rem, 3.2vw, 3rem);
	--fa-container-width: 1440px;
	--fa-page-gutter: clamp(1rem, 3vw, 2.625rem);

	/* Shape and elevation */
	--fa-radius-xs: 0.375rem;
	--fa-radius-sm: 0.625rem;
	--fa-radius-md: 0.75rem;
	--fa-radius-lg: 1rem;
	--fa-radius-xl: 1.25rem;
	--fa-radius-pill: 999px;
	--fa-shadow-sm: 0 2px 8px rgb(0 0 0 / 4%);
	--fa-shadow-md: 0 8px 24px rgb(0 0 0 / 6%);
	--fa-shadow-lg: 0 16px 42px rgb(0 0 0 / 10%);
	--fa-focus-ring: 0 0 0 3px rgb(255 184 0 / 45%);

	/* Motion */
	--fa-motion-fast: 140ms ease;
	--fa-motion-normal: 200ms ease;
	--fa-motion-slow: 300ms ease;

	/* Backwards-compatible aliases used by existing components */
	--fa-yellow: var(--fa-color-brand);
	--fa-yellow-dark: var(--fa-color-brand-hover);
	--fa-ink: var(--fa-color-text);
	--fa-muted: var(--fa-color-text-secondary);
	--fa-border: var(--fa-color-border);
	--fa-surface-legacy: var(--fa-color-surface);
	--fa-cream: var(--fa-color-brand-soft);
	--fa-footer: var(--fa-color-footer);
	--fa-white: var(--fa-color-background);
	--fa-radius: var(--fa-radius-xl);
	--fa-radius-sm-legacy: var(--fa-radius-sm);
	--fa-shadow: var(--fa-shadow-md);
	--fa-container: var(--fa-container-width);
	--fa-space: var(--fa-page-gutter);
}