/**
 * Custom Fonts CSS para FacturaScripts
 * Aplica la tipografía Poppins y otras fuentes de Google
 */

/* ========================================
   CONFIGURACIÓN PRINCIPAL DE TIPOGRAFÍA
   ======================================== */

/* Aplicar Poppins como fuente principal del sistema */
body,
html {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 400;
}

/* Textos generales */
p, span, div, a, label, input, textarea, select, button {
    font-family: 'Poppins', sans-serif !important;
}

/* ========================================
   TÍTULOS Y ENCABEZADOS
   ======================================== */

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600;
}

h1, .h1 {
    font-weight: 700;
}

/* ========================================
   TABLAS
   ======================================== */

table,
table th,
table td,
.table,
.table th,
.table td {
    font-family: 'Poppins', sans-serif !important;
}

/* Encabezados de tabla más destacados */
table th,
.table th {
    font-weight: 600;
}

/* ========================================
   MENÚS Y NAVEGACIÓN
   ======================================== */

.navbar,
.nav,
.menu,
.sidebar,
.dropdown-menu {
    font-family: 'Poppins', sans-serif !important;
}

.nav-link,
.navbar-brand,
.dropdown-item {
    font-family: 'Poppins', sans-serif !important;
}

/* ========================================
   FORMULARIOS
   ======================================== */

.form-control,
.form-select,
.form-check-label,
.input-group-text {
    font-family: 'Poppins', sans-serif !important;
}

/* ========================================
   BOTONES
   ======================================== */

.btn,
button {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
}

/* ========================================
   TARJETAS Y PANELES
   ======================================== */

.card,
.card-header,
.card-body,
.card-footer,
.card-title {
    font-family: 'Poppins', sans-serif !important;
}

.card-title {
    font-weight: 600;
}

/* ========================================
   ALERTAS Y NOTIFICACIONES
   ======================================== */

.alert,
.toast,
.modal,
.modal-title,
.modal-body {
    font-family: 'Poppins', sans-serif !important;
}

/* ========================================
   BADGES Y ETIQUETAS
   ======================================== */

.badge,
.tag,
.label {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
}

/* ========================================
   BREADCRUMBS
   ======================================== */

.breadcrumb,
.breadcrumb-item {
    font-family: 'Poppins', sans-serif !important;
}

/* ========================================
   OPCIONES ALTERNATIVAS DE FUENTES
   Descomenta la sección que prefieras
   ======================================== */

/* Opción 2: Usar Roboto como fuente principal */
/*
body,
html,
p, span, div, a, label, input, textarea, select, button {
    font-family: 'Roboto', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif !important;
}
*/

/* Opción 3: Usar Open Sans como fuente principal */
/*
body,
html,
p, span, div, a, label, input, textarea, select, button {
    font-family: 'Open Sans', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif !important;
}
*/

/* Opción 4: Combinar fuentes - Poppins para títulos, Roboto para cuerpo */
/*
body,
html,
p, span, div, a, label, input, textarea, select, button {
    font-family: 'Roboto', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif !important;
}
*/

/* ========================================
   MEJORAS TIPOGRÁFICAS
   ======================================== */

/* Mejorar la legibilidad */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Ajustar el espaciado de letras para Poppins */
body {
    letter-spacing: 0.02em;
}

h1, h2, h3, h4, h5, h6 {
    letter-spacing: 0.01em;
}