:root {
	--color-paper: oklch(98% 0.008 245);
	--color-paper-soft: oklch(95% 0.018 240);
	--color-panel: oklch(100% 0 0);
	--color-sky: oklch(91% 0.048 229);
	--color-ink: oklch(30% 0.035 248);
	--color-ink-strong: oklch(20% 0.045 250);
	--color-muted: oklch(45% 0.025 248);
	--color-paper-muted: oklch(84% 0.018 245);
	--color-accent: oklch(52% 0.18 251);
	--color-accent-strong: oklch(43% 0.18 253);
	--color-on-accent: oklch(100% 0 0);
	--color-rule: oklch(88% 0.018 245);
	--color-rule-strong: oklch(78% 0.024 245);
	--color-focus: oklch(66% 0.19 78);
	--color-success: oklch(45% 0.14 150);
	--color-error: oklch(48% 0.18 28);

	--font-display: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--font-body: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

	--space-xs: 8px;
	--space-sm: 12px;
	--space-md: 20px;
	--space-lg: 32px;
	--space-xl: 48px;

	--text-sm: 14px;
	--text-md: 18px;
	--text-lg: 22px;
	--text-xl: 30px;

	--radius-xs: 6px;
	--radius-sm: 8px;
	--radius-md: 8px;

	--shadow-panel: 0 24px 80px oklch(20% 0.045 250 / 10%);

	--ease-out: cubic-bezier(.16, 1, .3, 1);
	--ease-in: cubic-bezier(.7, 0, .84, 0);
	--ease-in-out: cubic-bezier(.65, 0, .35, 1);
	--dur-fast: 160ms;
}