/* BeplyTheme - Custom Styles for FacturaScripts 2025 */

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

/* Raleway - Variable font (todos los pesos) */
@font-face {
    font-family: 'Raleway';
    src: url('../Fonts/Raleway-Variable.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* Montserrat - Pesos específicos */
@font-face {
    font-family: 'Montserrat';
    src: url('../Fonts/Montserrat-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../Fonts/Montserrat-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../Fonts/Montserrat-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../Fonts/Montserrat-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --beply-font-text: 'Raleway', sans-serif;
    --beply-font-numbers: 'Montserrat', sans-serif;
}

/* Aplicar Raleway como fuente base */
body {
    font-family: var(--beply-font-text);
}

/* Montserrat para números - tablas, badges, inputs numéricos */
.badge,
input[type="number"],
.table td,
.table th,
.form-control[type="number"],
.nav-link .badge,
[data-numeric],
.numeric,
.amount,
.price,
.quantity,
.total {
    font-family: var(--beply-font-numbers);
}

.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 {
    /* 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;
}

/* Estilos de links personalizados (opcional)
a {
    color: #d20000;
}

a:hover {
    color: #990000;
}
*/

/* Estilos de formularios personalizados (opcional)
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #ff7a7a;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(255 0 0 / 28%);
}

.form-check-input:disabled:checked {
    background-color: rgba(255, 0, 0, 0.5);
}

.form-check-input:indeterminate {
    border-color: #d20000;
    background-color: #d20000;
}
*/