/* Inspa — design tokens (palette, type scale, radii, motion) */
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap");

:root {
	/* Neutrals + spa-wellness accents */
	--inspa-bg: #f7f5f1;
	--inspa-bg-elevated: #fffcf8;
	--inspa-surface: #ffffff;
	--inspa-ink: #1c1b19;
	--inspa-ink-soft: #3f3d3a;
	--inspa-muted: #6b6863;
	--inspa-border: rgba(28, 27, 25, 0.1);
	--inspa-border-strong: rgba(28, 27, 25, 0.14);
	--inspa-accent: #3f5249;
	--inspa-accent-soft: #5d7369;
	--inspa-sage: #8a9a90;
	--inspa-sand: #e8e2d8;
	--inspa-rose: #c9b8b0;

	/* Dark sections */
	--inspa-dark: #232620;
	--inspa-dark-ink: #f4f1ea;
	--inspa-dark-muted: rgba(244, 241, 234, 0.72);

	/* Typography: Inter loads globally from DCF theme; display uses Playfair Display */
	--inspa-font-display: "Playfair Display", Georgia, "Times New Roman", serif;
	--inspa-font-body: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
	--inspa-fw-regular: 400;
	--inspa-fw-medium: 500;
	--inspa-fw-semibold: 600;

	--inspa-radius-sm: 8px;
	--inspa-radius-md: 14px;
	--inspa-radius-lg: 22px;
	--inspa-radius-xl: 28px;

	--inspa-shadow-soft: 0 18px 50px rgba(24, 22, 18, 0.08);
	--inspa-shadow-card: 0 12px 36px rgba(24, 22, 18, 0.07);

	--inspa-space-xs: 0.5rem;
	--inspa-space-sm: 0.75rem;
	--inspa-space-md: 1rem;
	--inspa-space-lg: 1.5rem;
	--inspa-space-xl: 2rem;
	--inspa-space-2xl: clamp(2.5rem, 5vw, 4rem);
	--inspa-space-3xl: clamp(3.5rem, 8vw, 6rem);

	--inspa-max: 72rem;
	--inspa-max-narrow: 42rem;
	--inspa-gutter: clamp(1.25rem, 4vw, 2rem);

	--inspa-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--inspa-duration: 220ms;
}