/* BeplyTheme - Custom Styles for FacturaScripts 2025 */

/* === Tipografías locales === */

/* Montserrat - Solo para dígitos y símbolos numéricos */
@font-face {
    font-family: 'BeplyFont-Numbers';
    src: url('../Fonts/Montserrat-Variable.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
    unicode-range:
        U+0024-0025,       /* $ % */
        U+002B-002E,       /* + , - . */
        U+0030-0039,       /* 0-9 */
        U+00A2-00A5,       /* ¢ £ ¤ ¥ */
        U+20AC,            /* € */
        U+20A0-20CF;       /* Bloque completo de símbolos de moneda */
}

/* Raleway - Para todo el texto */
@font-face {
    font-family: 'BeplyFont';
    src: url('../Fonts/Raleway-Variable.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* Aplicar fuente combinada globalmente */
body {
    font-family: 'BeplyFont-Numbers', 'BeplyFont', sans-serif;
}

.bg-primary {
    background-color: rgb(0, 0, 0) !important;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #d20000;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #d20000;
}

/* === Sobreescribir variables Bootstrap para BeplyTheme === */
:root {
    /* Tipografía - Sobreescribir variables Bootstrap */
    --bs-font-sans-serif: 'BeplyFont-Numbers', 'BeplyFont', sans-serif;
    --bs-body-font-family: 'BeplyFont-Numbers', 'BeplyFont', sans-serif;

    /* Colores primarios */
    --bs-primary: rgb(0, 0, 0);
    --bs-primary-rgb: 0, 0, 0;
    --bs-danger: #d20000;
    --bs-danger-rgb: 210, 0, 0;

    /* Colores de cuerpo/texto */
    --bs-body-color: #212529;
    --bs-body-bg: #ffffff;
    --bs-secondary-color: #6c757d;

    /* Bordes */
    --bs-border-color: #dee2e6;

    /* Fondos claros */
    --bs-light: #f8f9fa;
    --bs-light-rgb: 248, 249, 250;

    /* Bordes cuadrados */
    --bs-border-radius: 0;
    --bs-border-radius-sm: 0;
    --bs-border-radius-lg: 0;
    --bs-border-radius-xl: 0;
    --bs-border-radius-xxl: 0;
    --bs-border-radius-2xl: 0;
    --bs-border-radius-pill: 0;
    --bs-card-border-radius: 0;
    --bs-card-inner-border-radius: 0;
    --bs-btn-border-radius: 0;
    --bs-btn-border-radius-sm: 0;
    --bs-btn-border-radius-lg: 0;
    --bs-modal-border-radius: 0;
    --bs-dropdown-border-radius: 0;
    --bs-alert-border-radius: 0;
    --bs-badge-border-radius: 0;
    --bs-toast-border-radius: 0;
    --bs-accordion-border-radius: 0;
    --bs-accordion-inner-border-radius: 0;
    --bs-pagination-border-radius: 0;
    --bs-list-group-border-radius: 0;
    --bs-popover-border-radius: 0;
    --bs-tooltip-border-radius: 0;
    --bs-progress-border-radius: 0;
}

/* === Dashboard quick links === */
@media (min-width: 768px) {
    .border-end-md {
        border-right: 1px solid var(--bs-border-color);
    }
}
.dashboard-link {
    color: var(--bs-body-color);
    transition: color 0.15s ease-in-out;
}
.dashboard-link:hover {
    color: #d20000;
}