:root {
	color-scheme: light;
	--clubroom-colour-ink: #171713;
	--clubroom-colour-ink-soft: #5f5e56;
	--clubroom-colour-canvas: #f6f5f0;
	--clubroom-colour-surface: #ffffff;
	--clubroom-colour-surface-muted: #efeee8;
	--clubroom-colour-border: #d8d6cb;
	--clubroom-colour-brand: #8a6500;
	--clubroom-colour-brand-strong: #674b00;
	--clubroom-colour-brand-soft: #f5e7b4;
	--clubroom-colour-focus: #2457d6;
	--clubroom-colour-danger: #9d261e;
	--clubroom-shadow-card: 0 1px 2px rgb(23 23 19 / 8%), 0 14px 34px rgb(23 23 19 / 6%);
	--clubroom-shadow-menu: 0 18px 45px rgb(23 23 19 / 16%);
	--clubroom-radius-small: 0.5rem;
	--clubroom-radius-medium: 0.875rem;
	--clubroom-radius-large: 1.25rem;
	--clubroom-space-1: 0.25rem;
	--clubroom-space-2: 0.5rem;
	--clubroom-space-3: 0.75rem;
	--clubroom-space-4: 1rem;
	--clubroom-space-5: 1.5rem;
	--clubroom-space-6: 2rem;
	--clubroom-space-7: 3rem;
	--clubroom-content-width: 72rem;
	--clubroom-reading-width: 44rem;
	--clubroom-header-height: 4.5rem;
	--clubroom-mobile-nav-height: 4.75rem;
	--clubroom-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--clubroom-transition-fast: 150ms ease;
}

@media (prefers-contrast: more) {
	:root {
		--clubroom-colour-ink-soft: #35342f;
		--clubroom-colour-border: #76746b;
	}
}