/* Marca Procesa Paperwork: redefine las variables de marca de Metronic (style.bundle.css).
   El bundle solo las define para el tema claro, así que aquí van las dos variantes completas. */
:root, [data-bs-theme=light] {
    --bs-brand: #1B2D5B;
    --bs-brand-active: #0f1a35;
    --bs-brand-light: #eef1f8;
    --bs-brand-inverse: #ffffff;
    --bs-brand-clarity: rgba(27, 45, 91, 0.2);
    --bs-brand-rgb: 27, 45, 91;
    --bs-text-brand: #1B2D5B;
    --bs-brand-soft: #cfd5e3;
    --bs-brand-accent: #C9A347;
}

/* Sobre fondo oscuro el azul marino no se lee: la marca pasa al dorado con texto azul oscuro. */
[data-bs-theme=dark] {
    --bs-brand: #C9A347;
    --bs-brand-active: #b08c36;
    --bs-brand-light: rgba(201, 163, 71, 0.15);
    --bs-brand-inverse: #0f1a35;
    --bs-brand-clarity: rgba(201, 163, 71, 0.2);
    --bs-brand-rgb: 201, 163, 71;
    --bs-text-brand: #C9A347;
    --bs-brand-soft: rgba(201, 163, 71, 0.35);
}

/* En el bundle estas variables de botón son colores literales de otra marca (se ven, p. ej., al deshabilitarlo). */
.btn-brand {
    --bs-btn-color: var(--bs-brand-inverse);
    --bs-btn-bg: var(--bs-brand);
    --bs-btn-border-color: var(--bs-brand);
    --bs-btn-hover-color: var(--bs-brand-inverse);
    --bs-btn-hover-bg: var(--bs-brand-active);
    --bs-btn-hover-border-color: var(--bs-brand-active);
    --bs-btn-focus-shadow-rgb: var(--bs-brand-rgb);
    --bs-btn-active-color: var(--bs-brand-inverse);
    --bs-btn-active-bg: var(--bs-brand-active);
    --bs-btn-active-border-color: var(--bs-brand-active);
    --bs-btn-disabled-color: var(--bs-brand-inverse);
    --bs-btn-disabled-bg: var(--bs-brand);
    --bs-btn-disabled-border-color: var(--bs-brand);
}

.btn-outline-brand {
    --bs-btn-color: var(--bs-brand);
    --bs-btn-border-color: var(--bs-brand);
    --bs-btn-hover-color: var(--bs-brand-inverse);
    --bs-btn-hover-bg: var(--bs-brand);
    --bs-btn-hover-border-color: var(--bs-brand);
    --bs-btn-focus-shadow-rgb: var(--bs-brand-rgb);
    --bs-btn-active-color: var(--bs-brand-inverse);
    --bs-btn-active-bg: var(--bs-brand);
    --bs-btn-active-border-color: var(--bs-brand);
    --bs-btn-disabled-color: var(--bs-brand);
    --bs-btn-disabled-border-color: var(--bs-brand);
}