/* Foglight — tokens.css
   Design tokens as CSS custom properties. Colors/fonts here are fallbacks;
   inc/customizer.php prints an overriding :root block from live theme mods. */

:root {
	/* Color: near-monochrome, photography-first palette */
	--color-primary: #111111;
	--color-secondary: #6b6b6b;
	--color-bg: #ffffff;
	--color-bg-subtle: #f5f4f2;
	--color-border: #e4e2de;
	--color-on-primary: #ffffff;
	--color-danger: #b3261e;
	--color-success: #2e6b3e;

	/* Typography */
	--font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

	--step--1: clamp(0.8rem, 0.78rem + 0.1vw, 0.875rem);
	--step-0: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
	--step-1: clamp(1.125rem, 1.06rem + 0.35vw, 1.375rem);
	--step-2: clamp(1.375rem, 1.25rem + 0.6vw, 1.75rem);
	--step-3: clamp(1.75rem, 1.55rem + 1vw, 2.375rem);
	--step-4: clamp(2.25rem, 1.9rem + 1.75vw, 3.25rem);
	--step-5: clamp(2.75rem, 2.2rem + 2.75vw, 4.5rem);

	/* Spacing scale (4px base) */
	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.5rem;
	--space-6: 2rem;
	--space-7: 3rem;
	--space-8: 4.5rem;
	--space-9: 6.5rem;
	--space-10: 9rem;

	/* Layout */
	--container-max: 1320px;
	--container-gutter: clamp(1.25rem, 4vw, 3rem);
	--grid-gap: clamp(0.75rem, 2vw, 1.5rem);
	--radius-sm: 2px;
	--radius-md: 4px;

	/* Motion */
	--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
	--duration-fast: 150ms;
	--duration-base: 300ms;
	--duration-slow: 600ms;
}