:root {
	/* Base — from logo, nilai disesuaikan untuk kontras WCAG AA lebih
	   aman (penting buat pasien usia lanjut yang baca konten kesehatan). */
	--reviva-sage-900: #2D4A43;
	--reviva-sage-700: #3F5D55;
	--reviva-sage-500: #6C8B74;
	--reviva-gold-600: #B08D4F;
	--reviva-gold-400: #C9A968;

	/* Neutral / surface — off-white hangat, gak nyilauin */
	--reviva-bg: #FAF9F6;
	--reviva-surface: #FFFFFF;
	--reviva-border: #E0E7E3;

	/* Text — rasio kontras > 4.5:1 terhadap background */
	--reviva-text: #1C2421;
	--reviva-text-muted: #52605B;

	/* CTA */
	--reviva-cta: #2D4A43;
	--reviva-cta-hover: #1F332E;

	/* Typography — Playfair Display (heading) + Plus Jakarta Sans (body) */
	--font-heading: "Playfair Display", Georgia, serif;
	--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;

	--h1: clamp(2.35rem, 2rem + 1.8vw, 3.5rem);
	--h2: clamp(1.85rem, 1.6rem + 1.2vw, 2.5rem);
	--h3: clamp(1.4rem, 1.3rem + 0.6vw, 1.75rem);
	--body: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
	--line-height-body: 1.68;

	/* 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;
}