/**
 * Shovva semantic design tokens.
 *
 * This is the sole cross-surface source for product colour, type, geometry,
 * motion and workspace dimensions. Legacy aliases remain in their owning
 * stylesheets while they are migrated; new work must consume these tokens.
 */
:root {
	color-scheme: light;
	--shovva-font-ui: "DM Sans", Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--shovva-font-mono: "DM Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

	--shovva-ink-950: #17141c;
	--shovva-ink-900: #211d27;
	--shovva-ink-800: #302a37;
	--shovva-canvas: #f7f5f1;
	--shovva-surface: #fffefd;
	--shovva-surface-muted: #f0ede7;
	--shovva-surface-inset: #ebe7df;
	--shovva-text: #211d27;
	--shovva-text-muted: #625b69;
	--shovva-text-faint: #7b7381;
	--shovva-border: #ded9d0;
	--shovva-border-strong: #c9c2b8;
	--shovva-action: #6f2be8;
	--shovva-action-hover: #5c1fc8;
	--shovva-action-soft: #f0e8ff;
	--shovva-launch: #d7ff44;
	--shovva-launch-ink: #17141c;
	--shovva-success: #087a70;
	--shovva-success-soft: #e3f5f1;
	--shovva-warning: #9a5b08;
	--shovva-warning-soft: #fff3d6;
	--shovva-danger: #b42318;
	--shovva-danger-soft: #ffebe8;
	--shovva-focus: #7c2cff;

	--shovva-space-1: 4px;
	--shovva-space-2: 8px;
	--shovva-space-3: 12px;
	--shovva-space-4: 16px;
	--shovva-space-5: 20px;
	--shovva-space-6: 24px;
	--shovva-space-8: 32px;
	--shovva-space-10: 40px;
	--shovva-space-12: 48px;
	--shovva-radius-control: 8px;
	--shovva-radius-object: 12px;
	--shovva-radius-panel: 16px;
	--shovva-radius-pill: 999px;
	--shovva-shadow-overlay: 0 20px 56px rgb(23 20 28 / 18%);
	--shovva-shadow-preview: 0 14px 36px rgb(23 20 28 / 14%);
	--shovva-focus-ring: 0 0 0 3px color-mix(in srgb, var(--shovva-focus) 28%, transparent);
	--shovva-motion-fast: 140ms;
	--shovva-motion-base: 180ms;
	--shovva-motion-stage: 220ms;
	--shovva-ease: cubic-bezier(.2, .8, .2, 1);
	--shovva-content-narrow: 720px;
	--shovva-content-wide: 1180px;
	--shovva-nav-width: 248px;
	--shovva-inspector-width: 400px;
	--shovva-topbar-height: 64px;
	--shovva-safe-bottom: max(16px, env(safe-area-inset-bottom, 0px));

	--shovva-chart-1: #6f2be8;
	--shovva-chart-2: #087a70;
	--shovva-chart-3: #9a5b08;
	--shovva-chart-4: #4263a8;
	--shovva-chart-5: #8c4b72;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--shovva-motion-fast: 0ms;
		--shovva-motion-base: 0ms;
		--shovva-motion-stage: 0ms;
	}
}