/**
 * Spacing, radius, container and z-index tokens.
 */

:root {
	--space-3xs: 0.25rem;
	--space-2xs: 0.5rem;
	--space-xs: 0.75rem;
	--space-sm: 1rem;
	--space-md: 1.5rem;
	--space-lg: 2.5rem;
	--space-xl: 4rem;
	--space-2xl: 6rem;
	--space-3xl: 9rem;

	/* Fluid section rhythm — replaces fixed per-breakpoint padding */
	--space-section: clamp(3.5rem, 6vw, 9rem);
	--space-section-tight: clamp(2rem, 4vw, 5rem);

	--container-max: 1440px;
	--container-narrow: 860px;
	--gutter: clamp(1.25rem, 4vw, 3rem);

	/* Minimal, deliberate radius use — not "everything rounded" */
	--radius-sm: 4px;
	--radius-md: 10px;
	--radius-lg: 20px;
	--radius-pill: 999px;

	--border-hairline: 1px;

	--shadow-sm: 0 1px 2px rgba(20, 24, 26, 0.06);
	--shadow-md: 0 8px 24px rgba(20, 24, 26, 0.08);
	--shadow-lg: 0 24px 64px rgba(20, 24, 26, 0.14);

	--z-header: 100;
	--z-mobile-nav: 200;
	--z-emergency-bar: 150;
	--z-skip-link: 999;
}