/* Identitas visual SMA Labschool UPI Cibiru: merah dan putih. */
:root { --school-red: #c8102e; --school-red-dark: #9f0c24; --school-red-soft: #fbe9ed; }

a { color: var(--school-red); }
a:hover { color: var(--school-red-dark); }
.text-primary { color: var(--school-red) !important; }
.bg-primary, .btn-primary, .badge-primary, .progress-bar,
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--school-red) !important;
  border-color: var(--school-red) !important;
}
.btn-primary, .btn-primary:hover, .btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle,
.badge-primary {
  color: #fff !important;
}
.btn-primary:hover, .btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  background-color: var(--school-red-dark) !important;
  border-color: var(--school-red-dark) !important;
}
.btn-outline-primary { color: var(--school-red) !important; border-color: var(--school-red) !important; }
.btn-outline-primary:hover, .btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active {
  color: #fff !important;
  background-color: var(--school-red) !important;
  border-color: var(--school-red) !important;
}
.border-left-primary { border-left-color: var(--school-red) !important; }
.form-control:focus, .custom-select:focus,
.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: #e68496 !important;
  box-shadow: 0 0 0 .2rem rgba(200, 16, 46, .18) !important;
}
.page-item.active .page-link { background-color: var(--school-red) !important; border-color: var(--school-red) !important; }
.page-link { color: var(--school-red); }
.card-header { border-bottom-color: #f1c5cd; }
.topbar { border-bottom: 3px solid var(--school-red); }
.scroll-to-top { background: rgba(159, 12, 36, .75) !important; }

/* Area berlatar merah harus selalu memakai teks dan ikon terang. */
.sidebar-dark .sidebar-brand,
.sidebar-dark .sidebar-brand:hover {
  color: #fff !important;
}
.sidebar-dark .sidebar-heading {
  color: rgba(255, 255, 255, .72) !important;
}
.sidebar-dark .nav-item .nav-link {
  color: rgba(255, 255, 255, .82) !important;
}
.sidebar-dark .nav-item .nav-link i {
  color: rgba(255, 255, 255, .58) !important;
}
.sidebar-dark .nav-item .nav-link:hover,
.sidebar-dark .nav-item .nav-link:focus,
.sidebar-dark .nav-item.active .nav-link,
.sidebar-dark .nav-item .nav-link:hover i,
.sidebar-dark .nav-item .nav-link:focus i,
.sidebar-dark .nav-item.active .nav-link i {
  color: #fff !important;
}
.sidebar-dark .nav-item.active .nav-link {
  background-color: rgba(255, 255, 255, .16);
}

/* Teks semua tombol berwarna tetap kontras dengan latarnya. */
a.btn-primary, a.btn-success, a.btn-info,
a.btn-danger, a.btn-secondary, a.btn-dark {
  color: #fff !important;
}
a.btn-warning, a.btn-light { color: #3a3b45 !important; }