/**

 * Tipografía centralizada ERP

 * ---------------------------------

 * Títulos: Satoshi | Texto: Inter (mismos tamaños y pesos que antes)

 * Mantener alineado con security/typography.py (emails e inline).

 *

 * Cargar después de themes.css. Incluye fonts.css (@font-face local).

 */



@import url('fonts.css');



:root {

    /* === Familias === */

    --erp-font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

    --erp-font-family-heading: 'Satoshi', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

    --erp-font-family-mono: ui-monospace, 'Cascadia Code', 'Segoe UI Mono', 'Courier New', monospace;



    /* Impresión, tickets, emails y POS (Inter + fallback impresora) */

    --erp-font-family-print: 'Inter', Arial, Helvetica, sans-serif;

    --erp-font-family-print-ticket: 'Inter', Verdana, Tahoma, Arial, sans-serif;

    --erp-font-family-email: 'Inter', Arial, Helvetica, sans-serif;

    --erp-font-family-pos: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;



    /* === Escala de tamaños (sin cambios) === */

    --erp-font-size-root: 16px;

    --erp-font-size-xs: 11px;

    --erp-font-size-sm: 12px;

    --erp-font-size-md: 13px;

    --erp-font-size-body: 14px;

    --erp-font-size-input: 15px;

    --erp-font-size-lg: 16px;

    --erp-font-size-xl: 18px;

    --erp-font-size-2xl: 20px;

    --erp-font-size-3xl: 24px;

    --erp-font-size-icon-lg: 28px;

    --erp-font-size-sidebar: 0.95rem;

    --erp-font-size-back-btn: 0.95rem;



    /* === Pesos y altura de línea === */

    --erp-font-weight-normal: 400;

    --erp-font-weight-medium: 500;

    --erp-font-weight-semibold: 600;

    --erp-font-weight-bold: 700;

    --erp-line-height-base: 1.5;

    --erp-line-height-tight: 1.35;

    --erp-line-height-form: 1.4;

}



html {

    font-size: var(--erp-font-size-root);

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

}



body {

    font-family: var(--erp-font-family-base);

    font-size: var(--erp-font-size-root);

    line-height: var(--erp-line-height-base);

    font-weight: var(--erp-font-weight-normal);

}



/* Títulos: Satoshi (mismos tamaños definidos en cada componente) */

h1,

h2,

h3,

h4,

h5,

h6,

.erp-font-heading,

.navbar-brand,

.form-header h1,

.form-section-title,

.sidebar-header h3,

.detail-header h1,

.detail-section-title,

.permissions-header h1,

.access-header h1,

.dashboard-header h1,

.history-hero h1,

.treasury-hero h1,

.accounting-hero h1,

.ventas-corporativas-hero h1,

.cobranza-hero h1,

.security-hero h1,

.logistic-hero h1,

.articulo-detail-hero-info h1,

[class$="-hero"] h1,

[class$="-hero"] h2,

.content > h1,

.content > h2 {

    font-family: var(--erp-font-family-heading);

}



/* Badges y etiquetas: Inter (no Satoshi) — cobertura global ERP */

.erp-badge,

.badge,

.navbar-admin-badge,

.stat-badge-overlay,

[class*="-badge"]:not(.fa):not([class*="fa-"]),

[class*="badge-"]:not(.fa):not([class*="fa-"]) {

    font-family: var(--erp-font-family-base) !important;

}

/* Iconos dentro de badges */

[class*="-badge"] i,

[class*="-badge"] .fas,

[class*="-badge"] .far,

[class*="badge-"] i,

[class*="badge-"] .fas,

[class*="badge-"] .far,

.badge i,

.badge .fas,

.badge .far {

    font-family: "Font Awesome 6 Free" !important;

}



/* Iconos Font Awesome en títulos de sección */

.form-section-title i,

.form-header i:not(.fa-image) {

    font-family: "Font Awesome 6 Free";

}



button,

input,

select,

textarea,

.btn {

    font-family: inherit;

}



.erp-font-mono {

    font-family: var(--erp-font-family-mono);

}



.erp-font-print {

    font-family: var(--erp-font-family-print);

}



.erp-font-print-ticket {

    font-family: var(--erp-font-family-print-ticket);

}



.erp-font-email {

    font-family: var(--erp-font-family-email);

}



.erp-font-pos {

    font-family: var(--erp-font-family-pos);

}



.erp-text-xs { font-size: var(--erp-font-size-xs); }

.erp-text-sm { font-size: var(--erp-font-size-sm); }

.erp-text-md { font-size: var(--erp-font-size-md); }

.erp-text-body { font-size: var(--erp-font-size-body); }

.erp-text-lg { font-size: var(--erp-font-size-lg); }

.erp-text-xl { font-size: var(--erp-font-size-xl); }

.erp-text-2xl { font-size: var(--erp-font-size-2xl); }

.erp-text-3xl { font-size: var(--erp-font-size-3xl); }



/* Impresión: títulos Satoshi, cuerpo Inter (cuando carga typography.css) */

@media print {

    h1, h2, h3, h4, h5, h6,

    .erp-font-heading {

        font-family: var(--erp-font-family-heading);

    }

}