:root {
	--tts-color-canvas: #f4f6f8;
	--tts-color-surface: #fff;
	--tts-color-ink: #101419;
	--tts-color-muted: #58636f;
	--tts-color-accent: #0f766e;
	--tts-color-accent-strong: #0a5d57;
	--tts-color-accent-soft: #e3f4f1;
	--tts-color-border: #d8dee5;
	--tts-color-focus: #0b63ce;
	--tts-content-width: 1200px;
	--tts-reading-width: 760px;
	--tts-radius-small: 0.5rem;
	--tts-radius-medium: 1rem;
	--tts-radius-large: 1.5rem;
	--tts-shadow-card: 0 12px 35px rgba(16, 20, 25, 0.08);
	--tts-space-1: 0.25rem;
	--tts-space-2: 0.5rem;
	--tts-space-3: 0.75rem;
	--tts-space-4: 1rem;
	--tts-space-5: 1.5rem;
	--tts-space-6: 2rem;
	--tts-space-7: 3rem;
	--tts-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--tts-transition: 180ms ease;
}

@media (prefers-color-scheme: dark) {
	.tts-scheme-auto {
		--tts-color-canvas: #0c1014;
		--tts-color-surface: #151a20;
		--tts-color-ink: #f4f7fa;
		--tts-color-muted: #a9b2bc;
		--tts-color-accent: #5ee0d2;
		--tts-color-accent-strong: #8ceade;
		--tts-color-accent-soft: #173b38;
		--tts-color-border: #2b333c;
		--tts-shadow-card: 0 12px 35px rgba(0, 0, 0, 0.3);
	}
}

.tts-scheme-dark {
	--tts-color-canvas: #0c1014;
	--tts-color-surface: #151a20;
	--tts-color-ink: #f4f7fa;
	--tts-color-muted: #a9b2bc;
	--tts-color-accent: #5ee0d2;
	--tts-color-accent-strong: #8ceade;
	--tts-color-accent-soft: #173b38;
	--tts-color-border: #2b333c;
	--tts-shadow-card: 0 12px 35px rgba(0, 0, 0, 0.3);
	color-scheme: dark;
}

.tts-scheme-light {
	color-scheme: light;
}