/* Generated from packages/design-tokens/src/tokens.css. Do not edit manually. */
:root {
	--sp-brand-primary: #059669;
	--sp-brand-primary-hover: #047857;
	--sp-brand-primary-soft: #ecfdf5;
	--sp-background: #f8fafc;
	--sp-surface: #ffffff;
	--sp-surface-muted: #f1f5f9;
	--sp-foreground: #0f172a;
	--sp-muted: #64748b;
	--sp-border: #e2e8f0;
	--sp-success: #059669;
	--sp-warning: #b45309;
	--sp-danger: #e11d48;
	--sp-info: #2563eb;
	--sp-radius-control: 0.75rem;
	--sp-radius-card: 1rem;
	--sp-radius-dialog: 1.5rem;
	--sp-radius-pill: 9999px;
	--sp-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
	--sp-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
	--sp-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	--sp-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	--sp-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
	--sp-shadow-2xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
	--sp-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
	--sp-text-2xs: 0.625rem;
	--sp-text-xs: 0.75rem;
	--sp-text-sm: 0.875rem;
	--sp-text-base: 1rem;
	--sp-text-lg: 1.125rem;
	--sp-text-xl: 1.25rem;
	--sp-text-2xl: 1.5rem;
	--sp-motion-fast: 120ms;
	--sp-motion-normal: 200ms;
	--sp-motion-slow: 300ms;
}

.dark,
[data-theme='dark'] {
	--sp-background: #0f172a;
	--sp-surface: #1e293b;
	--sp-surface-muted: #334155;
	--sp-foreground: #f8fafc;
	--sp-muted: #94a3b8;
	--sp-border: #334155;
	--sp-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.2);
	--sp-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.3), 0 1px 2px -1px rgb(0 0 0 / 0.3);
	--sp-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.3), 0 2px 4px -2px rgb(0 0 0 / 0.3);
	--sp-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.3), 0 4px 6px -4px rgb(0 0 0 / 0.3);
	--sp-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.3), 0 8px 10px -6px rgb(0 0 0 / 0.3);
	--sp-shadow-2xs: 0 1px 2px 0 rgb(0 0 0 / 0.2);
	--sp-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.5);
}
:where(button, a, input, select, textarea, [tabindex]):focus-visible {
	outline: 2px solid var(--sp-brand-primary);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}