/* ═══════════════════════════════════════════════════════════════
   ISHARA — Sistema Tipográfico Unificado
   Self-hosted, 0 dependencias CDN, 4 familias, 2 capas
   Generado: marzo 2026
   ═══════════════════════════════════════════════════════════════ */

/* ─── CAPA USUARIO: Raleway (sans marca) ────────────────────── */
@font-face {
    font-family: 'Raleway';
    src: url('/fonts/woff2/raleway-300.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Raleway';
    src: url('/fonts/woff2/raleway-400.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Raleway';
    src: url('/fonts/woff2/raleway-600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* ─── CAPA USUARIO: Lora (serif narrativa) ──────────────────── */
@font-face {
    font-family: 'Lora';
    src: url('/fonts/woff2/lora-400.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lora';
    src: url('/fonts/woff2/lora-400i.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Lora';
    src: url('/fonts/woff2/lora-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ─── CAPA PROFESIONAL: Inter (sans UI clínica) ─────────────── */
@font-face {
    font-family: 'Inter';
    src: url('/fonts/woff2/inter-400.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('/fonts/woff2/inter-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('/fonts/woff2/inter-600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* ─── CAPA PROFESIONAL: JetBrains Mono (mono datos) ─────────── */
@font-face {
    font-family: 'JetBrains Mono';
    src: url('/fonts/woff2/jetbrains-mono-400.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'JetBrains Mono';
    src: url('/fonts/woff2/jetbrains-mono-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ─── LANDING: Cormorant Garamond (serif elegante) ───────────── */
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('/fonts/woff2/cormorant-garamond-normal.woff2') format('woff2');
    font-weight: 300 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('/fonts/woff2/cormorant-garamond-italic.woff2') format('woff2');
    font-weight: 300 400;
    font-style: italic;
    font-display: swap;
}

/* ─── LANDING: Outfit (sans moderna) ─────────────────────────── */
@font-face {
    font-family: 'Outfit';
    src: url('/fonts/woff2/outfit.woff2') format('woff2');
    font-weight: 300 700;
    font-style: normal;
    font-display: swap;
}

/* ─── VARIABLES CSS (opcionales, para touchpoints que las usen) ─ */
:root {
    --font-brand: 'Raleway', sans-serif;
    --font-narrative: 'Lora', Georgia, serif;
    --font-clinical: 'Inter', Arial, sans-serif;
    --font-data: 'JetBrains Mono', 'Courier New', monospace;
}