/**
 * Base: tokens, reset mínimo, tipografía.
 */
:root {
	--cm-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--cm-ink: #0f172a;
	--cm-muted: #64748b;
	--cm-bg: #f1f5f9;
	--cm-surface: #ffffff;
	--cm-line: #e2e8f0;
	--cm-accent: #1565c0;
	--cm-accent-contrast: #ffffff;
	--cm-success: #059669;
	--cm-warn: #d97706;
	--cm-danger: #dc2626;
	--cm-radius: 14px;
	--cm-radius-sm: 10px;
	--cm-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
	--cm-max: 1120px;
	--cm-space: clamp(1rem, 3vw, 1.75rem);
	--cm-focus: 2px solid var(--cm-accent);
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

body {
	margin: 0;
	font-family: var(--cm-font);
	background: var(--cm-bg);
	color: var(--cm-ink);
	line-height: 1.55;
	font-size: 1rem;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

a:focus-visible,
button:focus-visible {
	outline: var(--cm-focus);
	outline-offset: 2px;
}