/*
 * UBICOLE — marca sobre el tema Skote.
 * Colores y tipografía extraídos de ubicole.com (ver assets/css/css.css original: Nunito, #91005B, #3D0040, #4765AB).
 * Este archivo se carga DESPUÉS de app.min.css / icons.min.css para sobreescribir variables y clases puntuales.
 */

:root {
  --ubi-magenta: #91005b;
  --ubi-magenta-strong: #6e0046;
  --ubi-morado: #3d0040;
  --ubi-azul: #4765ab;
  --ubi-bg: #faf6f9;
  --ubi-border: #ecdfe8;
}

@font-face {
  font-family: 'Nunito';
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
  src: local('Nunito'),
    url('https://fonts.gstatic.com/s/nunito/v32/XRXV3I6Li01BKofINeaB.woff2') format('woff2');
}

body,
.font-nunito {
  font-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Skote usa Bootstrap CSS vars de tema (--bs-primary, etc.) además de clases .bg-primary/.text-primary/.btn-primary */
:root,
[data-bs-theme='light'] {
  --bs-primary: var(--ubi-magenta);
  --bs-primary-rgb: 145, 0, 91;
}

.bg-primary {
  background-color: var(--ubi-magenta) !important;
}
.text-primary {
  color: var(--ubi-magenta) !important;
}
.btn-primary {
  background-color: var(--ubi-magenta) !important;
  border-color: var(--ubi-magenta) !important;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--ubi-magenta-strong) !important;
  border-color: var(--ubi-magenta-strong) !important;
}
.btn-outline-primary {
  color: var(--ubi-magenta) !important;
  border-color: var(--ubi-magenta) !important;
}
.btn-outline-primary:hover {
  background-color: var(--ubi-magenta) !important;
  border-color: var(--ubi-magenta) !important;
}
a {
  color: var(--ubi-azul);
}
.badge.bg-primary {
  background-color: var(--ubi-magenta) !important;
}

/* Navbar/sidebar vertical de Skote (topbar y menú lateral) */
#page-topbar,
.navbar-brand-box {
  background-color: #ffffff;
}
.vertical-menu {
  background: var(--ubi-morado);
}
#sidebar-menu ul li a {
  color: #e9d3e1;
}
#sidebar-menu ul li a:hover,
#sidebar-menu ul li.mm-active > a {
  color: #ffffff;
}
.mm-active .active {
  color: #ffffff !important;
}

/* Spinner/preloader con el magenta de marca en vez del azul por defecto de Skote */
.spinner .path {
  stroke: var(--ubi-magenta);
}