/* Variables del tema. El cliente las redefine con las constantes TEMA_* y tema/cliente.css. */
:root {
  --color-primario: #1a73e8;
  --color-primario-rgb: 26, 115, 232;
  --color-secundario: #5f6368;
  --color-secundario-rgb: 95, 99, 104;
  --sidebar-fondo: #202124;
  --navbar-fondo: #ffffff;

  --bs-primary: var(--color-primario);
  --bs-primary-rgb: var(--color-primario-rgb);
  --bs-secondary: var(--color-secundario);
  --bs-secondary-rgb: var(--color-secundario-rgb);
  --bs-link-color: var(--color-primario);
  --bs-link-color-rgb: var(--color-primario-rgb);
  --bs-link-hover-color: color-mix(in srgb, var(--color-primario) 80%, #000);
  --bs-link-hover-color-rgb: var(--color-primario-rgb);
}

.btn-primary {
  --bs-btn-bg: var(--color-primario);
  --bs-btn-border-color: var(--color-primario);
  --bs-btn-hover-bg: color-mix(in srgb, var(--color-primario) 85%, #000);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--color-primario) 80%, #000);
  --bs-btn-active-bg: color-mix(in srgb, var(--color-primario) 75%, #000);
  --bs-btn-active-border-color: color-mix(in srgb, var(--color-primario) 70%, #000);
  --bs-btn-disabled-bg: var(--color-primario);
  --bs-btn-disabled-border-color: var(--color-primario);
  --bs-btn-focus-shadow-rgb: var(--color-primario-rgb);
}

.bg-primary { background-color: var(--color-primario) !important; }
.text-bg-primary { background-color: var(--color-primario) !important; }

.app-sidebar { background-color: var(--sidebar-fondo); }
.app-header { background-color: var(--navbar-fondo); }

.icono {
  width: 1em;
  height: 1em;
  fill: currentColor;
  vertical-align: -.125em;
}