:root {
	color-scheme: light;
	--cms-color-brand-navy: #172554;
	--cms-color-brand-navy-deep: #0b1739;
	--cms-color-brand-action: #4f46e5;
	--cms-color-brand-action-strong: #4338ca;
	--cms-color-canvas: #f5f7fb;
	--cms-color-surface: #ffffff;
	--cms-color-surface-muted: #eef2ff;
	--cms-color-text: #111827;
	--cms-color-text-muted: #64748b;
	--cms-color-border: #e2e8f0;
	--cms-color-info: #2563eb;
	--cms-color-success: #15803d;
	--cms-color-warning: #b45309;
	--cms-color-error: #b91c1c;
	--cms-color-scrim-rgb: 7 18 38;
	--cms-opacity-scrim: 0.48;
	--cms-font-sans: Inter, Pretendard, "Noto Sans KR", system-ui, sans-serif;
	--cms-font-display: Inter, Pretendard, "Noto Sans KR", system-ui, sans-serif;
	--cms-space-1: 0.25rem;
	--cms-space-2: 0.5rem;
	--cms-space-3: 0.75rem;
	--cms-space-4: 1rem;
	--cms-space-6: 1.5rem;
	--cms-space-8: 2rem;
	--cms-radius-control: 0.75rem;
	--cms-radius-card: 1rem;
	--cms-radius-pill: 999px;
	--cms-shadow-card: 0 8px 28px rgba(23, 37, 84, 0.08);
	--cms-shadow-overlay: 0 20px 55px rgba(15, 23, 42, 0.2);
	--cms-duration-short: 150ms;
	--cms-duration-medium: 300ms;
	--cms-focus-ring: 0 0 0 3px rgba(79, 70, 229, 0.24);
}

[data-cms-theme="dark"] {
	color-scheme: dark;
	--cms-color-canvas: #071226;
	--cms-color-surface: #101d36;
	--cms-color-surface-muted: #172554;
	--cms-color-text: #f8fafc;
	--cms-color-text-muted: #bac7dc;
	--cms-color-border: #2b3c5f;
}