/* ========================================================================== Kuntur — tokens de diseño Fuente única de verdad para color, tipografía y medidas del sitio público. No contiene reglas de layout: solo custom properties y @font-face. ========================================================================== */ /* -------------------------------------------------------------------------- Tipografía auto-alojada Inter v4.001 (SIL OFL 1.1) — la misma familia que usa la app web, así que el sitio público y el producto se leen igual. Un único .woff2 variable de 48 KB cubre todo el eje de peso 100–900: menos bytes que dos estáticos y ni una sola petición a un tercero (nada de Google Fonts: retrasa el primer render y filtra la IP de cada visitante). Licencia junto al binario en ../assets/fonts/Inter-LICENSE.txt. Sin `unicode-range` a propósito: solo servimos este archivo, así que dejamos que el navegador use el cmap real de la fuente y recurra al stack del sistema glifo a glifo si aparece algo fuera de cobertura (flechas, símbolos raros). Declararlo a mano solo abriría la puerta a fallbacks silenciosos. L1.1 debe añadir en el , ANTES de la hoja de estilos: -------------------------------------------------------------------------- */ @font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; /* eje variable completo */ font-display: swap; src: url("../assets/fonts/inter-latin-wght-normal.woff2") format("woff2"); } :root { /* Identidad de Kuntur. El verde es el del logo; el ámbar es acento puntual, nunca protagonista — el sitio anterior lo tenía al revés. */ --green-900: #0d211a; --green-800: #123026; --green-700: #1b4332; /* marca */ --green-600: #2d6a4f; --green-400: #52b788; --amber: #f4a524; /* acento: el destello del mineral */ --ink: #f2f6f3; --ink-soft: #a9bdb3; --line: rgba(255, 255, 255, 0.1); --max: 1180px; --radius: 6px; /* Escala contenida a propósito: este público lee expedientes y planos, no carteles. La jerarquía la hacen el peso (eje variable 340–760) y las etiquetas monoespaciadas, no el tamaño. El titular no pasa de ~2.5rem. */ --step--2: clamp(0.7rem, 0.69rem + 0.05vw, 0.74rem); --step--1: clamp(0.84rem, 0.82rem + 0.1vw, 0.9rem); --step-0: clamp(0.98rem, 0.96rem + 0.1vw, 1.04rem); --step-1: clamp(1.12rem, 1.06rem + 0.3vw, 1.3rem); --step-2: clamp(1.42rem, 1.26rem + 0.8vw, 1.9rem); --step-3: clamp(1.85rem, 1.55rem + 1.5vw, 2.55rem); /* El stack de respaldo cubre el intervalo de `font-display: swap` y cualquier glifo que Inter no traiga. */ --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* Monoespaciada del sistema, coste cero de descarga. Es la voz «instrumento» del sitio: códigos, coordenadas, rótulos de lámina, cifras de estación. */ --font-mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; } /* -------------------------------------------------------------------------- Contraste (WCAG 2.1, calculado — no estimado) Todos los pares en uso superan AA; los de texto corrido superan AAA. ink-soft sobre green-900 .... 8.50:1 AAA ink sobre green-700 .... 10.16:1 AAA amber sobre green-900 .... 8.21:1 AAA ink sobre green-900 .... 15.41:1 AAA ink sobre green-800 .... 13.04:1 AAA ink-soft sobre green-800 .... 7.19:1 AAA ink-soft sobre green-700 .... 5.60:1 AA amber sobre green-800 .... 6.94:1 AA amber sobre green-700 .... 5.41:1 AA green-400 sobre green-900 .... 6.79:1 AA green-400 sobre green-800 .... 5.75:1 AA ink sobre green-600 .... 5.86:1 AA green-900 sobre amber .... 8.21:1 AAA (botón de acento) Dos pares NO llegan a 4.5:1 y quedan restringidos a texto grande (≥24px, o ≥19px en negrita) o a elementos no textuales: green-400 sobre green-700 .... 4.48:1 solo AA-large ink-soft sobre green-600 .... 3.23:1 solo AA-large -------------------------------------------------------------------------- */