:root {
	--ks-font: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;
	--ks-gap: 16px;
	--ks-radius: 14px;
	--ks-cols: 3;

	--ks-card-bg: #ffffff;
	--ks-card-text: #1a1d23;
	--ks-card-muted: #6b7280;
	--ks-card-border: #e5e7eb;
	--ks-card-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(0,0,0,0.06);
	--ks-card-shadow-hover: 0 8px 30px rgba(0,0,0,0.12), 0 2px 6px rgba(0,0,0,0.06);

	--ks-accent: #2563eb;
	--ks-accent-hover: #1d4ed8;
	--ks-heart: #ef4444;

	--ks-transition: 0.3s cubic-bezier(0.22, 1, 0.36, 1);
	--ks-transition-fast: 0.18s ease;

	--ks-overlay: rgba(0, 0, 0, 0.82);
	--ks-lb-bg: #ffffff;
	--ks-lb-text: #1a1d23;
	--ks-lb-muted: #6b7280;

	--ks-focus: 0 0 0 3px rgba(37, 99, 235, 0.4);
}

@media (prefers-color-scheme: dark) {
	:root {
		--ks-card-bg: #1c1e26;
		--ks-card-text: #e8e9ec;
		--ks-card-muted: #9ca3af;
		--ks-card-border: #2e3039;
		--ks-card-shadow: 0 1px 3px rgba(0,0,0,0.3), 0 6px 20px rgba(0,0,0,0.35);
		--ks-card-shadow-hover: 0 8px 36px rgba(0,0,0,0.45), 0 2px 8px rgba(0,0,0,0.3);
		--ks-lb-bg: #1c1e26;
		--ks-lb-text: #e8e9ec;
		--ks-lb-muted: #9ca3af;
	}
}