/* === UG Hosting · Brand Identity === */

:root {
  --tblr-primary: #1B3A5C;
  --tblr-primary-rgb: 27, 58, 92;
  --tblr-primary-lt: rgba(27, 58, 92, 0.1);
  --tblr-link-color: #2BBFA0;
  --tblr-link-hover-color: #1B3A5C;
  --tblr-body-color: #4A4F5A;
  --tblr-body-font-family: 'Sulphur Point', sans-serif;
}

body, .page-wrapper {
  font-family: 'Sulphur Point', sans-serif !important;
  color: #4A4F5A;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Sulphur Point', sans-serif !important;
  color: #1B3A5C;
  font-weight: 700;
}

.navbar-vertical,
.navbar-expand-lg {
  background-color: #1B3A5C !important;
  border-color: #1B3A5C !important;
}

.navbar-dark .navbar-nav .nav-link,
.navbar-vertical .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.85) !important;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-vertical .navbar-nav .nav-link:hover,
.nav-link.active {
  color: #2BBFA0 !important;
}

.btn-primary {
  background-color: #1B3A5C !important;
  border-color: #1B3A5C !important;
  color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #2BBFA0 !important;
  border-color: #2BBFA0 !important;
}

.btn-outline-primary {
  color: #1B3A5C !important;
  border-color: #1B3A5C !important;
}

.btn-outline-primary:hover {
  background-color: #1B3A5C !important;
  color: #ffffff !important;
}

a { color: #2BBFA0; }
a:hover { color: #1B3A5C; }

.badge.bg-primary { background-color: #1B3A5C !important; }

.page-title { color: #1B3A5C !important; font-weight: 700; }

.footer {
  background-color: #1B3A5C;
  color: rgba(255, 255, 255, 0.7);
  border-top: none !important;
}

.footer a { color: rgba(255, 255, 255, 0.7) !important; }
.footer a:hover { color: #2BBFA0 !important; }

.form-control:focus,
.form-select:focus {
  border-color: #2BBFA0;
  box-shadow: 0 0 0 0.2rem rgba(43, 191, 160, 0.25);
}

.navbar-brand img {
  height: 40px;
  max-height: 40px;
}