/* PickApp foundation. Spacing is a multiple of the 8px base (at 16px root). */
:root {
	--pka-color-primary: #F57C00;
	--pka-color-primary-shade: #D86D00;
	--pka-color-primary-tint: #F6891A;
	--pka-color-secondary: #212121;
	--pka-color-accent: #FFAD42;
	--pka-bg: #FFFFFF;
	--pka-surface: #FFFFFF;
	--pka-surface-muted: #F4F5F8;
	--pka-text: #0F172A;
	--pka-text-muted: rgba(15, 23, 42, 0.6);
	--pka-border: #E5E7EB;

	--pka-space-1: 0.5rem;
	--pka-space-2: 1rem;
	--pka-space-3: 1.5rem;
	--pka-space-4: 2rem;
	--pka-space-5: 2.5rem;
	--pka-space-6: 3rem;
	--pka-space-8: 4rem;
	--pka-space-10: 5rem;
	--pka-space-12: 6rem;

	--pka-font-family-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--pka-font-family-heading: var(--pka-font-family-body);
	--pka-font-family-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
	--pka-font-size-sm: 0.875rem;
	--pka-font-size-body: 1rem;
	--pka-font-size-lg: 1.125rem;
	--pka-font-size-h1: clamp(2.25rem, 1.5rem + 3vw, 4rem);
	--pka-font-size-h2: clamp(1.875rem, 1.375rem + 2vw, 3rem);
	--pka-font-size-h3: clamp(1.5rem, 1.25rem + 1vw, 2rem);
	--pka-font-size-h4: clamp(1.25rem, 1.125rem + 0.5vw, 1.5rem);
	--pka-font-size-h5: 1.125rem;
	--pka-font-size-h6: 1rem;
	--pka-font-weight-regular: 400;
	--pka-font-weight-medium: 500;
	--pka-font-weight-semibold: 600;
	--pka-font-weight-bold: 700;
	--pka-font-weight-heavy: 800;
	--pka-line-height-body: 1.65;
	--pka-line-height-heading: 1.15;
	--pka-line-height-control: 1.5;
	--pka-letter-spacing-heading: -0.025em;

	--pka-container-width: 75rem;
	--pka-container-reading: 40rem;
	--pka-container-gutter: var(--pka-space-2);
	--pka-radius: 0.25rem;
	--pka-transition-fast: 150ms ease;
	--pka-transition-default: 250ms ease;
	--pka-z-base: 0;
	--pka-z-dropdown: 100;
	--pka-z-sticky: 200;
	--pka-z-skip-link: 100000;
}

/* CSS custom properties cannot be used in media query conditions. */
@media (min-width: 48rem) {
	:root { --pka-container-gutter: var(--pka-space-3); }
}

@media (min-width: 64rem) {
	:root { --pka-container-gutter: var(--pka-space-4); }
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--pka-transition-fast: 0s;
		--pka-transition-default: 0s;
	}
}