:root {
	--font-display:
		"Trebuchet MS", "Segoe UI Rounded", "Avenir Next", system-ui, sans-serif;
	--font-body: "Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;
	--font-accent: ui-serif, Georgia, "Times New Roman", serif;

	--color-plum: #46314f;
	--color-ink-soft: #705f7e;

	--color-sky-top: #a8c7ff;
	--color-sky-mid: #d5c9ff;
	--color-sky-bottom: #ffe7f8;
	--color-cloud: rgba(255, 255, 255, 0.88);

	--color-rainbow-red: #ff8eb8;
	--color-rainbow-peach: #ffbf98;
	--color-rainbow-yellow: #ffe693;
	--color-rainbow-green: #99dfba;
	--color-rainbow-blue: #93d5ff;
	--color-rainbow-lavender: #ceb6ff;

	--color-foil: #f4dca8;
	--color-foil-soft: #fff3d6;
	--color-card-veil: rgba(255, 250, 255, 0.88);
	--color-card-edge: rgba(255, 255, 255, 0.95);

	--color-cake: #ffc2d8;
	--color-frosting: #fff4fb;
	--color-candle: #ffd786;
	--color-unicorn: #fff9ff;
	--color-unicorn-mane: #f6c9ff;
	--color-hill-near: #8cc7a8;
	--color-hill-far: #b9e0c8;
	--color-star: #fff6cf;
	--color-glow-accent: rgba(255, 245, 193, 0.55);

	/* Compatibility tokens used by RSVP/admin + existing invite code paths. */
	--color-text: var(--color-plum);
	--color-muted: var(--color-ink-soft);
	--color-hill-back: var(--color-hill-far);
	--color-hill-mid: #a6d7ba;
	--color-hill-front: var(--color-hill-near);
	--color-card-bg: var(--color-card-veil);
	--color-card-border: var(--color-card-edge);
	--color-gold: #ffd166;
	--color-cake-icing: var(--color-frosting);

	--color-rainbow-1: var(--color-rainbow-red);
	--color-rainbow-2: var(--color-rainbow-peach);
	--color-rainbow-3: var(--color-rainbow-yellow);
	--color-rainbow-4: var(--color-rainbow-green);
	--color-rainbow-5: var(--color-rainbow-blue);
	--color-rainbow-6: var(--color-rainbow-lavender);

	--color-invite-card-bg-top: rgba(255, 255, 255, 0.95);
	--color-invite-card-bg-bottom: rgba(255, 249, 255, 0.86);
	--color-invite-card-border: rgba(255, 255, 255, 0.94);
	--color-invite-card-blush: rgba(255, 214, 236, 0.78);
	--color-invite-card-mint: rgba(222, 255, 243, 0.72);
	--color-invite-card-doodle: rgba(142, 108, 194, 0.24);
	--color-scene-glow: var(--color-glow-accent);
	--color-flower-center: #fff3a6;

	--space-1: 0.5rem;
	--space-2: 0.75rem;
	--space-3: 1rem;
	--space-4: 1.5rem;
	--space-5: 2rem;

	--radius-card: 1.25rem;
	--shadow-soft: 0 12px 28px #6a5b7a30;
	--focus-ring: 0 0 0 3px #8b6ff2;
}