/*
 * Cimentia — design tokens.
 * Variables semánticas del proyecto. Aquí se mapean los valores numéricos
 * del export de Figma (--color-0, --font-size-8, …) a nombres con sentido.
 * Prefijo de proyecto: cmt-
 */

:root {
	/* Color */
	--cmt-color-dark: #0b1222;
	--cmt-color-light: #ffffff;
	--cmt-color-text: #0b1222;
	--cmt-color-text-invert: #ffffff;
	--cmt-color-bg: #ffffff;
	--cmt-color-bg-dark: #0b1222;
	--cmt-color-primary: #0b1222; /* sustituir por el corporativo cuando esté definido */
	--cmt-color-accent: #ff9468; /* naranja (fondo 404, acentos) */

	/* Tipografía */
	--cmt-font-base: "Ubuntu", system-ui, sans-serif;
	--cmt-font-mono: "Ubuntu Mono", ui-monospace, monospace;

	--cmt-fw-light: 300;
	--cmt-fw-regular: 400;
	--cmt-fw-medium: 500;
	--cmt-fw-bold: 700;

	/* Escala tipográfica */
	--cmt-fs-display: 64px;
	--cmt-fs-h1: 48px;
	--cmt-fs-h2: 40px;
	--cmt-fs-h3: 32px;
	--cmt-fs-lead: 24px;
	--cmt-fs-body: 16px;
	--cmt-fs-small: 14px;

	/* Espaciado */
	--cmt-space-xs: 8px;
	--cmt-space-sm: 16px;
	--cmt-space-md: 24px;
	--cmt-space-lg: 40px;
	--cmt-space-xl: 64px;

	/* Layout */
	--cmt-container-max: 1104px;
	--cmt-container-pad: 20px;

	/* Radios */
	--cmt-radius-sm: 4px;
	--cmt-radius-md: 8px;
	--cmt-radius-lg: 16px;
}

@media (max-width: 768px) {
	:root {
		--cmt-fs-display: 40px;
		--cmt-fs-h1: 32px;
		--cmt-fs-h2: 28px;
		--cmt-fs-h3: 24px;
		--cmt-fs-lead: 18px;
		--cmt-container-pad: 24px;
	}
}

h1{
	font-size: var(--cmt-fs-h1);
}

h2{
	font-size: var(--cmt-fs-h2);
}

h3{
	font-size: var(--cmt-fs-h3);
}

h4{
	font-size: var(--cmt-fs-lead);
}