:root {
	/* Base — from logo */
	--reviva-sage-900: #3A4A3F;
	--reviva-sage-700: #4F5F53;
	--reviva-sage-500: #6B7A6E;
	--reviva-gold-600: #B08D4F;
	--reviva-gold-400: #C9A968;

	/* Neutral / surface */
	--reviva-bg: #FAFAF7;
	--reviva-surface: #FFFFFF;
	--reviva-border: #E4E1D8;

	/* Text */
	--reviva-text: #2B2F2A;
	--reviva-text-muted: #6B6F66;

	/* CTA */
	--reviva-cta: #4F5F53;
	--reviva-cta-hover: #3A4A3F;

	/* Typography */
	--font-heading: "Fraunces", Georgia, serif;
	--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;

	--h1: clamp(2.25rem, 4vw + 1rem, 3.75rem);
	--h2: clamp(1.75rem, 2.5vw + 1rem, 2.75rem);
	--h3: clamp(1.25rem, 1.5vw + 1rem, 1.75rem);
	--body: clamp(1rem, 0.3vw + 0.9rem, 1.125rem);

	/* Spacing */
	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 1rem;
	--space-4: 1.5rem;
	--space-5: 2.5rem;
	--space-6: 4rem;
	--space-7: 6rem;
	--space-8: 8rem;

	/* Layout */
	--container-width: 1200px;
	--radius-sm: 6px;
	--radius-md: 12px;
	--radius-lg: 20px;
	--header-height: 88px;
}