/* ============================================================================ AVALME · FONT LOADING — SINGLE SOURCE OF TRUTH ---------------------------------------------------------------------------- Único punto de carga de tipografías de la aplicación. Toda fuente custom se declara aquí vía @font-face; ningún otro archivo (CSS, .razor, .razor.css, index.html) puede declarar @font-face ni cargar fuentes externas (Google Fonts, CDNs, etc.). Doctrina: ver "Typography" en CLAUDE.md (Mandatory UI Patterns). Tokens consumidores (declarados en the design tokens stylesheet): --font-sans : Inter, ui-sans-serif, system-ui, sans-serif, … --font-mono : ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, … En código solo se usan los tokens: font-family: var(--font-sans); Literales como 'Roboto' / 'Inter' / 'Lemon/Milk' están prohibidos. ============================================================================ */ /* ---------------------------------------------------------------------------- INTER — Variable font (ejes wght 100-900) Fuente principal de la UI. Self-hosted desde /fonts/inter/. Origen oficial: https://rsms.me/inter (Rasmus Andersson). Un solo archivo cubre todos los pesos del eje wght. ---------------------------------------------------------------------------- */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/inter/InterVariable.woff2') format('woff2-variations'), url('/fonts/inter/InterVariable.woff2') format('woff2'); } /* ---------------------------------------------------------------------------- MONTSERRAT — Variable font (ejes wght 100-900) Fuente del brand AVALME. Self-hosted desde /fonts/montserrat/. Solo se activa cuando `data-theme-brand="avalme"` está aplicado al ; el default de la app sigue siendo Inter (var(--font-sans)). Uso: solo headings H1-H3 (ver §Color, Typography & Visual Language del Brand Identity Manual de Avalme — H1 Bold 48 px, H2 Bold 32 px, H3 SemiBold 22 px). El body sigue usando Inter Regular para legibilidad. Origen: Google Fonts (https://fonts.google.com/specimen/Montserrat), descargado vía Fontsource CDN como variable font de un único archivo (cubre todo el rango de weights en el eje wght). ---------------------------------------------------------------------------- */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/montserrat/MontserratVariable.woff2') format('woff2-variations'), url('/fonts/montserrat/MontserratVariable.woff2') format('woff2'); }