/* Paleta Oficial - Iglesia León de Judá */
:root {
    --lj-brown: #3D1B10; /* Marrón Caoba Principal */
    --lj-brown-dark: #271009; /* Marrón Oscuro */
    --lj-red: #8A1C1C; /* Rojo Borgoña Acceso / Destacados */
    --lj-gold: #C8963E; /* Dorado para detalles de Corona */
    --lj-bg-light: #F9F7F4; /* Fondo suave hueso */
}

body {
    background-color: var(--lj-bg-light);
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    color: #2D2D2D;
}

/* Reemplazo de botones y colores primarios */
.bg-primary, .btn-primary {
    background-color: var(--lj-brown) !important;
    border-color: var(--lj-brown) !important;
}

    .btn-primary:hover, .btn-primary:focus {
        background-color: var(--lj-brown-dark) !important;
        border-color: var(--lj-brown-dark) !important;
    }

.text-primary {
    color: var(--lj-brown) !important;
}

.text-accent {
    color: var(--lj-red) !important;
}

/* Borde dorado sobrio en la barra de navegación */
.navbar-custom {
    background-color: #ffffff;
    border-bottom: 3px solid var(--lj-gold) !important;
}

/* Tablas y Encabezados */
.table-primary {
    background-color: var(--lj-brown) !important;
    color: #ffffff !important;
}

    .table-primary th {
        background-color: var(--lj-brown) !important;
        color: #ffffff !important;
    }

/* Tarjetas */
.card-header-lj {
    background-color: var(--lj-brown);
    color: #ffffff;
}