/*
 * Tokens de diseño de Ambato Positivo (ver DESIGN.md en la raíz del proyecto).
 * Único lugar donde se definen colores, fuentes y espacios. Para cambiar la marca, se cambia aquí.
 *
 * Contraste sobre papel: magenta 4,4:1 (solo titulares grandes y bloques) · magenta oscuro 6:1 ·
 * celeste 2,1:1 (nunca como texto sobre claro; con tinta encima da 8,9:1).
 */

/* Fuentes alojadas en el tema (subconjunto latino: cubre todo el español). Ver assets/fonts/LEEME.md. */
@font-face {
	font-family: "Bricolage Grotesque";
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url("../fonts/bricolage-grotesque-latin.woff2") format("woff2");
}

@font-face {
	font-family: "Literata";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("../fonts/literata-latin.woff2") format("woff2");
}

@font-face {
	font-family: "Literata";
	font-style: italic;
	font-weight: 400 700;
	font-display: swap;
	src: url("../fonts/literata-italic-latin.woff2") format("woff2");
}

:root {
	/* Marca: colores del logo (confirmados 2026-10-29). */
	--ap-magenta: #e72165;
	--ap-magenta-oscuro: #c2134f;
	--ap-magenta-fondo: #dc1c5c; /* Franjas con texto papel encima: 4,6:1. El del logo da 4,18:1. */
	--ap-celeste: #36bff0;

	/* Neutros teñidos hacia el magenta. */
	--ap-tinta: oklch(0.2 0.012 10);
	--ap-tinta-suave: oklch(0.42 0.015 10);
	--ap-papel: oklch(0.985 0.006 40);
	--ap-papel-hondo: oklch(0.955 0.012 40);
	--ap-linea: oklch(0.88 0.012 30);
	--ap-borde-campo: oklch(0.56 0.015 20); /* Borde de formularios: 3:1 o más sobre papel. */
	--ap-sobre-tinta: oklch(0.93 0.008 40);
	--ap-sobre-tinta-suave: oklch(0.78 0.01 40);

	/* Usos. */
	--ap-texto: var(--ap-tinta);
	--ap-fondo: var(--ap-papel);
	--ap-enlace: var(--ap-magenta-oscuro);
	--ap-acento: var(--ap-magenta);

	/* Tipografía: Bricolage Grotesque para titulares, Literata para leer, sistema para la interfaz. */
	--ap-fuente-titulos: "Bricolage Grotesque", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--ap-fuente-texto: "Literata", ui-serif, Georgia, "Times New Roman", serif;
	--ap-fuente-interfaz: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

	/* Escala fluida, razón ~1,3. */
	--ap-t--1: 0.875rem;
	--ap-t-0: 1rem;
	--ap-t-1: clamp(1.15rem, 1.08rem + 0.35vw, 1.3rem);
	--ap-t-2: clamp(1.35rem, 1.2rem + 0.75vw, 1.69rem);
	--ap-t-3: clamp(1.65rem, 1.35rem + 1.5vw, 2.2rem);
	--ap-t-4: clamp(2rem, 1.5rem + 2.5vw, 2.86rem);
	--ap-t-5: clamp(2.4rem, 1.6rem + 4vw, 3.7rem);

	/* Espacios. */
	--ap-margen: clamp(1rem, 0.6rem + 2vw, 2rem);
	--ap-hueco: clamp(1rem, 0.8rem + 1vw, 1.5rem);
	--ap-hueco-seccion: clamp(3rem, 2rem + 5vw, 6rem);
	--ap-ancho-texto: 42rem;
	--ap-ancho-sitio: 76rem;

	/* Forma. */
	--ap-radio: 0.875rem;
	--ap-radio-chico: 0.5rem;
	--ap-pildora: 999px;

	/* Movimiento. */
	--ap-curva: cubic-bezier(0.25, 1, 0.5, 1); /* ease-out-quart */
	--ap-rapido: 180ms;
}