/* Color de marca (Fordrax) sobre el tema default de Tabler.
   Mismo violeta que usa el Portal (--violet en app/globals.css).
   Tabler comparte el mismo --tblr-primary en claro y oscuro, así que un
   solo override aplica en ambos modos del switch de tema. */
:root {
    --tblr-primary: #8b5cf6;
    --tblr-primary-rgb: 139, 92, 246;
    /* Tabler precompila el hover/active de btn-primary como un hex fijo
       (no depende de --tblr-primary en tiempo real) -- hay que sobreescribirlo
       aparte o el hover se queda en el azul original. */
    --tblr-primary-darken: #7c3aed;
    /* Los links tampoco heredan de --tblr-primary, son su propio color. */
    --tblr-link-color: #8b5cf6;
    --tblr-link-hover-color: #7c3aed;
    --tblr-link-color-rgb: 139, 92, 246;
    --tblr-link-hover-color-rgb: 124, 58, 237;
    /* Fondo tenue de badges/alerts bg-primary-lt (variable aparte de -primary-rgb) */
    --tblr-primary-lt-rgb: 237, 233, 254;
}

/* El modo oscuro de Tabler redefine --tblr-link-color con su propio azul
   (mas claro, para contraste sobre fondo oscuro) -- se sobreescribe aparte. */
[data-bs-theme="dark"] {
    --tblr-link-color: #a78bfa;
    --tblr-link-hover-color: #c4b5fd;
    --tblr-link-color-rgb: 167, 139, 250;
    --tblr-link-hover-color-rgb: 196, 181, 253;
    --tblr-primary-lt-rgb: 46, 16, 101;
}

/* Fondo de modal tipo "vidrio esmerilado" (estilo Apple) -- el backdrop
   default de Bootstrap solo oscurece un poco y no se nota que hay un modal
   abierto, sobre todo en modo oscuro. El blur hace evidente que el fondo
   quedo inactivo. */
.modal-backdrop.show {
    opacity: 0.55 !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
}

/* La clase "ocultar" se usa por toda la app (JS) para esconder elementos,
   pero nunca estaba definida en ningun CSS -- no ocultaba nada en realidad. */
.ocultar {
    display: none !important;
}