/* Identidade visual oficial CENPLAFAM.
   Este arquivo e carregado por ultimo para uniformizar Bootstrap e modulos legados. */

:root {
  --brand-blue: #141653;
  --brand-blue-rgb: 20, 22, 83;
  --brand-pink: #ea6287;
  --brand-pink-rgb: 234, 98, 135;
  --primary-color: var(--brand-blue);
  --secondary-color: var(--brand-pink);
  --accent-color: #f7c4d2;
  --accent-strong: var(--brand-pink);
  --accent-hover: #fce8ee;
  --bs-primary: var(--brand-blue);
  --bs-primary-rgb: var(--brand-blue-rgb);
  --bs-link-color: var(--brand-blue);
  --bs-link-hover-color: #0d0f3b;
  --bs-focus-ring-color: rgba(var(--brand-pink-rgb), 0.25);
}

::selection {
  background: rgba(var(--brand-pink-rgb), 0.24);
  color: var(--brand-blue);
}

.portal-navbar {
  background-color: var(--brand-blue);
  box-shadow: 0 1px 0 rgba(var(--brand-blue-rgb), 0.2);
}

.portal-logo {
  filter: drop-shadow(0 6px 10px rgba(var(--brand-pink-rgb), 0.22));
}

.dashboard-sidebar {
  background: linear-gradient(180deg, var(--brand-blue) 0%, #0d0f3b 100%);
}

.dashboard-sidebar__brand {
  background: rgba(var(--brand-pink-rgb), 0.08);
  border-color: rgba(var(--brand-pink-rgb), 0.2);
}

.dashboard-sidebar__link.is-active {
  background: var(--brand-pink);
  box-shadow: 0 12px 24px rgba(var(--brand-pink-rgb), 0.32);
  color: var(--brand-blue);
}

.btn-primary,
.btn-portal-primary {
  --bs-btn-bg: var(--brand-blue);
  --bs-btn-border-color: var(--brand-blue);
  --bs-btn-hover-bg: #0d0f3b;
  --bs-btn-hover-border-color: #0d0f3b;
  --bs-btn-active-bg: #0d0f3b;
  --bs-btn-active-border-color: #0d0f3b;
  --bs-btn-disabled-bg: var(--brand-blue);
  --bs-btn-disabled-border-color: var(--brand-blue);
  background-color: var(--brand-blue);
  border-color: var(--brand-blue);
  color: #fff;
}

.btn-primary:hover,
.btn-primary:focus-visible,
.btn-portal-primary:hover,
.btn-portal-primary:focus-visible {
  background-color: #0d0f3b;
  border-color: #0d0f3b;
  color: #fff;
}

.btn-secondary,
.btn-portal-secondary {
  --bs-btn-bg: var(--brand-pink);
  --bs-btn-border-color: var(--brand-pink);
  --bs-btn-color: var(--brand-blue);
  --bs-btn-hover-color: var(--brand-blue);
  --bs-btn-hover-bg: #f2a1b7;
  --bs-btn-hover-border-color: #f2a1b7;
  --bs-btn-active-color: var(--brand-blue);
  --bs-btn-active-bg: #f2a1b7;
  --bs-btn-active-border-color: #f2a1b7;
  background-color: var(--brand-pink);
  border-color: var(--brand-pink);
  color: var(--brand-blue);
}

.btn-outline-primary {
  --bs-btn-color: var(--brand-blue);
  --bs-btn-border-color: var(--brand-blue);
  --bs-btn-hover-bg: var(--brand-blue);
  --bs-btn-hover-border-color: var(--brand-blue);
  --bs-btn-active-bg: var(--brand-blue);
  --bs-btn-active-border-color: var(--brand-blue);
  color: var(--brand-blue);
  border-color: var(--brand-blue);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus-visible,
.btn-outline-primary.active {
  background-color: var(--brand-blue);
  border-color: var(--brand-blue);
  color: #fff;
}

.text-primary,
.link-primary,
.page-link {
  color: var(--brand-blue) !important;
}

.bg-primary,
.text-bg-primary,
.progress-bar,
.page-item.active .page-link,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.dropdown-item.active,
.dropdown-item:active,
.list-group-item.active {
  background-color: var(--brand-blue) !important;
  border-color: var(--brand-blue) !important;
  color: #fff !important;
}

.border-primary {
  border-color: var(--brand-blue) !important;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  border-color: var(--brand-pink);
  box-shadow: 0 0 0 0.2rem rgba(var(--brand-pink-rgb), 0.2);
}

.form-check-input:checked {
  background-color: var(--brand-blue);
  border-color: var(--brand-blue);
}

.nav-tabs .nav-link.active {
  color: var(--brand-blue);
  border-bottom-color: var(--brand-pink);
}

.portal-nav-button {
  border-color: rgba(var(--brand-pink-rgb), 0.5);
  color: var(--brand-blue);
}

.portal-nav-button:hover,
.portal-nav-button:focus-visible {
  background: var(--accent-hover);
  border-color: var(--brand-pink);
  color: var(--brand-blue);
  box-shadow: 0 8px 14px rgba(var(--brand-pink-rgb), 0.22);
}

.portal-nav-button.is-active,
.superuser-nav-link.is-active {
  background: var(--brand-pink);
  border-color: var(--brand-pink);
  color: var(--brand-blue);
}

.superuser-nav-link:hover,
.superuser-nav-link:focus-visible {
  background: #f7c4d2;
  border-color: var(--brand-pink);
  color: var(--brand-blue);
}

.dashboard-topbar__badge,
.wizard-step.is-current .wizard-step__index,
.bg-cen-rose.text-white,
.bg-cen-roseStrong.text-white {
  color: var(--brand-blue) !important;
}

.cycle-history-table__heading,
.cycle-history-table__cycle,
.attendance-sheet__title,
.card-kpi .kpi-number {
  color: var(--brand-blue);
}