/*
 * BPS Twenty Twenty-Six — Design tokens
 * Single source for colors, spacing, typography, and breakpoints.
 */
:root {
	/* Colors */
	--bps-primary: #E30007;
	--bps-primary-dark: #b80006;
	--bps-primary-rgb: 227, 0, 7;
	--bps-neutral-50: #fafafa;
	--bps-neutral-100: #f5f5f5;
	--bps-neutral-200: #ededed;
	--bps-neutral-300: #e6e6e6;
	--bps-neutral-500: #787878;
	--bps-neutral-700: #4a4a4a;
	--bps-neutral-800: #3d3d3d;
	--bps-neutral-900: #1a1a1a;
	--bps-bg: #ffffff;
	--bps-bg-alt: var(--bps-neutral-100);
	--bps-text: var(--bps-neutral-900);
	--bps-text-muted: var(--bps-neutral-700);
	--bps-accent-alt: #643192;

	/* Spacing (scale) */
	--bps-space-1: 0.25rem;
	--bps-space-2: 0.5rem;
	--bps-space-3: 0.75rem;
	--bps-space-4: 1rem;
	--bps-space-5: 1.25rem;
	--bps-space-6: 1.5rem;
	--bps-space-8: 2rem;
	--bps-space-10: 2.5rem;
	--bps-space-12: 3rem;
	--bps-space-16: 4rem;
	--bps-space-20: 5rem;

	/* Typography */
	--bps-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	--bps-font-size-xs: 0.75rem;
	--bps-font-size-sm: 0.875rem;
	--bps-font-size-base: 1rem;
	--bps-font-size-lg: 1.125rem;
	--bps-font-size-xl: 1.25rem;
	--bps-font-size-2xl: 1.5rem;
	--bps-font-size-3xl: 1.875rem;
	--bps-line-height-tight: 1.25;
	--bps-line-height-normal: 1.5;
	--bps-line-height-relaxed: 1.75;

	/* Layout */
	--bps-container-max: 1140px;
	--bps-header-height: 72px;
	--bps-header-height-min: 64px;
	--bps-header-height-desk: 100px;
	--bps-header-height-desk-min: 70px;

	/* Breakpoints (for reference in media queries) */
	--bps-bp-sm: 576px;
	--bps-bp-md: 768px;
	--bps-bp-lg: 992px;
	--bps-bp-xl: 1200px;

	/* Shadows */
	--bps-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
	--bps-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
	--bps-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);

	/* Radius */
	--bps-radius-sm: 0.25rem;
	--bps-radius-md: 0.375rem;
	--bps-radius-lg: 0.5rem;
	--bps-radius-xl: 0.75rem;

	/* Transitions */
	--bps-transition: 200ms ease;
	--bps-transition-slow: 300ms ease;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--bps-transition: 0ms;
		--bps-transition-slow: 0ms;
	}
}