/**
 * Exhale design tokens.
 *
 * Keep component-specific declarations outside this file.
 */
:root {
	/* Color. */
	--exhale-color-primary: #102a46;
	--exhale-color-deep: #091b2d;
	--exhale-color-warm-white: #f7f7f3;
	--exhale-color-light-gray: #e9eef1;
	--exhale-color-silver: #c3bcae;
	--exhale-color-accent: #1763a8;
	--exhale-color-white: #ffffff;
	--exhale-color-text: var(--exhale-color-primary);
	--exhale-color-background: var(--exhale-color-warm-white);

	/* Typography. */
	--exhale-font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--exhale-font-weight-regular: 400;
	--exhale-font-weight-medium: 500;
	--exhale-font-weight-semibold: 600;
	--exhale-line-height-body: 1.6;
	--exhale-line-height-heading: 1.15;

	/* Layout. */
	--exhale-container-width: 1280px;
	--exhale-page-gutter: clamp(16px, 4vw, 32px);
	--exhale-section-space: clamp(56px, 8vw, 128px);

	/* Eight-pixel spacing scale. */
	--exhale-space-1: 8px;
	--exhale-space-2: 16px;
	--exhale-space-3: 24px;
	--exhale-space-4: 32px;
	--exhale-space-5: 40px;
	--exhale-space-6: 48px;
	--exhale-space-7: 56px;
	--exhale-space-8: 64px;
	--exhale-space-12: 96px;
	--exhale-space-16: 128px;

	/* Shape and interaction. */
	--exhale-radius-button: 12px;
	--exhale-radius-card: 20px;
	--exhale-control-height: 48px;
	--exhale-tap-target: 44px;
	--exhale-shadow-subtle: 0 8px 24px rgb(9 27 45 / 6%);
	--exhale-transition-duration: 350ms;
	--exhale-transition-easing: cubic-bezier(0.2, 0.8, 0.2, 1);
}