:root {
	/* Tipografía */
	--font-body: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
	--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", ui-monospace,
		monospace;
	--font-heading: var(--font-body);

	/* Escala tipográfica fluida */
	--fs-base: clamp(1rem, 1.5vw, 1.15rem);
	--fs-2: calc(var(--fs-base) * 0.75);
	--fs-1: calc(var(--fs-base) * 0.85);
	--fs0: var(--fs-base);
	--fs1: calc(var(--fs-base) * 1.2);
	--fs2: calc(var(--fs-base) * 1.45);
	--fs3: calc(var(--fs-base) * 1.75);
	--fs4: calc(var(--fs-base) * 2.1);
	--fs5: calc(var(--fs-base) * 2.5);
	--fs6: calc(var(--fs-base) * 3.2);

	/* Espaciado */
	--space-xs: 0.5rem;
	--space-s: 0.75rem;
	--space-m: 1.5rem;
	--space-l: 2.5rem;
	--space-xl: 4rem;
	--space-2xl: 6rem;
	--space-3xl: 10rem;

	/* Layout */
	--anchura-ancho: 55rem;
	--anchura-normal: 65ch;
	--anchura-estrecho: 50ch;
	--altura-cabecera: 4rem;

	/* Transiciones */
	--transition-fast: 150ms ease;
	--transition-normal: 300ms ease;
	--transition-slow: 600ms cubic-bezier(0.22, 1, 0.36, 1);

	/* Bordes */
	--radius-s: 0.25rem;
	--radius-m: 0.5rem;
	--radius-l: 0.75rem;
}

@media screen and (max-width: 45rem) {
	:root {
		--fs1: calc(var(--fs-base) * 1.15);
		--fs2: calc(var(--fs-base) * 1.3);
		--fs3: calc(var(--fs-base) * 1.5);
		--fs4: calc(var(--fs-base) * 1.7);
		--fs5: calc(var(--fs-base) * 2);
		--fs6: calc(var(--fs-base) * 2.5);
	}
}