/*
 * Tipografía del sistema.
 *
 * Se carga LA ÚLTIMA en el <head>, después de las hojas del original, porque
 * esas traen 77 reglas con `font-family: 'Segoe UI', …` repartidas por todos
 * los selectores. Ir la última evita tener que pelear la especificidad de
 * cada una.
 *
 * ⚠️ Esto se APARTA del original a propósito: es un cambio pedido, no una
 * divergencia. Las fuentes monoespaciadas (coordenadas, cédulas) se dejan
 * como estaban, porque ahí la alineación importa más que el estilo.
 */

:root {
    --sgp-fuente: 'Outfit', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

body,
button,
input,
select,
textarea,
.btn,
h1, h2, h3, h4, h5, h6 {
    font-family: var(--sgp-fuente);
    letter-spacing: -0.02em;
}

/*
 * Outfit es una geométrica: en pesos altos y tamaños grandes el
 * `letter-spacing` negativo se nota más, así que se afloja un poco.
 */
h1, h2, h3,
.dashboard-title,
.option-title,
.data-title,
.stat-value,
.stats-value,
.kpi-value,
.counter-value {
    letter-spacing: -0.03em;
}

/*
 * Lo monoespaciado se respeta: son coordenadas, cédulas y números de
 * certificado, donde interesa que cada carácter ocupe lo mismo.
 */
code,
kbd,
pre,
samp,
.point-coords,
.certificado-numero {
    font-family: 'Courier New', ui-monospace, monospace;
    letter-spacing: normal;
}
