:root {
	/* ---- Colors ---- */
	--mc-navy-900: #08172e;
	--mc-navy-800: #0c1f3f;
	--mc-navy-700: #122a52;
	--mc-navy-600: #1a3a6b;

	--mc-navy-cta: #0a2448;
	--mc-navy-deep: #06172d;

	--mc-pearl: #f6f8fb;
	--mc-ocean: #eef4fa;

	--mc-blue-600: #1d4ed8;
	--mc-blue-500: #2563eb;
	--mc-blue-100: #dbe7fe;

	--mc-cyan-500: #06b6d4;
	--mc-cyan-100: #dff5fa;

	--mc-white: #ffffff;
	--mc-off-white: #f7f9fc;

	--mc-gray-50: #f8fafc;
	--mc-gray-100: #f1f5f9;
	--mc-gray-200: #e2e8f0;
	--mc-gray-300: #cbd5e1;
	--mc-gray-400: #94a3b8;
	--mc-gray-500: #64748b;
	--mc-gray-600: #475569;
	--mc-gray-700: #334155;
	--mc-gray-800: #1e293b;
	--mc-gray-900: #0f172a;

	/* ---- Semantic ---- */
	--mc-bg: var(--mc-white);
	--mc-bg-subtle: var(--mc-off-white);
	--mc-surface: var(--mc-white);
	--mc-surface-inverse: var(--mc-navy-900);

	--mc-text: var(--mc-gray-900);
	--mc-text-muted: var(--mc-gray-500);
	--mc-text-inverse: var(--mc-white);

	--mc-border: var(--mc-gray-200);
	--mc-border-strong: var(--mc-gray-300);

	--mc-accent: var(--mc-blue-600);
	--mc-accent-hover: var(--mc-navy-800);
	--mc-accent-soft: var(--mc-blue-100);

	--mc-success: #15803d;
	--mc-warning: #b45309;

	/* ---- Spacing scale ---- */
	--mc-space-1: 0.25rem;
	--mc-space-2: 0.5rem;
	--mc-space-3: 0.75rem;
	--mc-space-4: 1rem;
	--mc-space-5: 1.5rem;
	--mc-space-6: 2rem;
	--mc-space-7: 3rem;
	--mc-space-8: 4rem;
	--mc-space-9: 6rem;
	--mc-space-10: 8rem;

	/* ---- Radius scale ---- */
	--mc-radius-sm: 0.375rem;
	--mc-radius-md: 0.75rem;
	--mc-radius-lg: 1.25rem;
	--mc-radius-xl: 1.75rem;
	--mc-radius-pill: 999px;

	/* ---- Shadows ---- */
	--mc-shadow-sm: 0 1px 2px rgba(8, 23, 46, 0.06);
	--mc-shadow-md: 0 6px 20px rgba(8, 23, 46, 0.08);
	--mc-shadow-lg: 0 18px 50px rgba(8, 23, 46, 0.14);

	/* ---- Container ---- */
	--mc-container-max: 1200px;
	--mc-container-narrow: 880px;
	--mc-container-pad: clamp(1.25rem, 4vw, 2.5rem);

	/* ---- Font sizes ---- */
	--mc-fs-xs: 0.75rem;
	--mc-fs-sm: 0.875rem;
	--mc-fs-base: 1rem;
	--mc-fs-lg: 1.125rem;
	--mc-fs-xl: 1.25rem;
	--mc-fs-2xl: 1.5rem;
	--mc-fs-3xl: 1.875rem;
	--mc-fs-4xl: 2.25rem;
	--mc-fs-5xl: 3rem;
	--mc-fs-6xl: 3.75rem;

	/* ---- Line heights ---- */
	--mc-lh-tight: 1.1;
	--mc-lh-snug: 1.3;
	--mc-lh-normal: 1.6;
	--mc-lh-relaxed: 1.75;

	/* ---- Z-index ---- */
	--mc-z-header: 100;
	--mc-z-sticky: 90;
	--mc-z-overlay: 80;
	--mc-z-modal: 200;

	/* ---- Typography ---- */
	--mc-font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--mc-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

/* Breakpoints (documentadas; no usables como custom properties en media queries):
   --bp-sm: 640px; --bp-md: 768px; --bp-lg: 1024px; --bp-xl: 1280px; */