/* ==========================================================================
   fonts-editor.css — Familias open-source self-hosted para el editor
   Paleta de fuentes open source destacadas (últimos 3 años), pesos 400-700.
   Cada familia se expone como --font-* para uso por bloque en el editor.
   ========================================================================== */

/* ===== Inter — la sans neutra por excelencia ===== */
@font-face { font-family: 'Inter'; src: url('fonts-editor/inter-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('fonts-editor/inter-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('fonts-editor/inter-600.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('fonts-editor/inter-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }

/* ===== Manrope — humanista, redondeada ===== */
@font-face { font-family: 'Manrope'; src: url('fonts-editor/manrope-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('fonts-editor/manrope-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('fonts-editor/manrope-600.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('fonts-editor/manrope-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }

/* ===== Outfit — geométrica moderna ===== */
@font-face { font-family: 'Outfit'; src: url('fonts-editor/outfit-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Outfit'; src: url('fonts-editor/outfit-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Outfit'; src: url('fonts-editor/outfit-600.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Outfit'; src: url('fonts-editor/outfit-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }

/* ===== Space Grotesk — tech/quirky ===== */
@font-face { font-family: 'Space Grotesk'; src: url('fonts-editor/space-grotesk-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Space Grotesk'; src: url('fonts-editor/space-grotesk-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Space Grotesk'; src: url('fonts-editor/space-grotesk-600.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Space Grotesk'; src: url('fonts-editor/space-grotesk-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }

/* ===== Sora — futurista, proyecto para displays ===== */
@font-face { font-family: 'Sora'; src: url('fonts-editor/sora-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Sora'; src: url('fonts-editor/sora-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Sora'; src: url('fonts-editor/sora-600.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Sora'; src: url('fonts-editor/sora-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }

/* ===== DM Sans — neo-grotesque suave ===== */
@font-face { font-family: 'DM Sans'; src: url('fonts-editor/dm-sans-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'DM Sans'; src: url('fonts-editor/dm-sans-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'DM Sans'; src: url('fonts-editor/dm-sans-600.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'DM Sans'; src: url('fonts-editor/dm-sans-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }

/* ===== Plus Jakarta Sans — moderna con carácter ===== */
@font-face { font-family: 'Plus Jakarta Sans'; src: url('fonts-editor/plus-jakarta-sans-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Plus Jakarta Sans'; src: url('fonts-editor/plus-jakarta-sans-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Plus Jakarta Sans'; src: url('fonts-editor/plus-jakarta-sans-600.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Plus Jakarta Sans'; src: url('fonts-editor/plus-jakarta-sans-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }

/* ===== Nunito — redondeada amigable ===== */
@font-face { font-family: 'Nunito'; src: url('fonts-editor/nunito-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Nunito'; src: url('fonts-editor/nunito-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Nunito'; src: url('fonts-editor/nunito-600.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Nunito'; src: url('fonts-editor/nunito-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }

/* ===== JetBrains Mono — código ===== */
@font-face { font-family: 'JetBrains Mono'; src: url('fonts-editor/jetbrains-mono-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'JetBrains Mono'; src: url('fonts-editor/jetbrains-mono-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'JetBrains Mono'; src: url('fonts-editor/jetbrains-mono-600.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'JetBrains Mono'; src: url('fonts-editor/jetbrains-mono-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }

/* ===== Lora — serif editorial ===== */
@font-face { font-family: 'Lora'; src: url('fonts-editor/lora-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Lora'; src: url('fonts-editor/lora-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Lora'; src: url('fonts-editor/lora-600.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Lora'; src: url('fonts-editor/lora-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }