/* 1. Apply Noto Sans Globally */
body {
  font-family: "Noto Sans", sans-serif;
  background-color: #f4f5f7;
}

/* 2. IEEE Color Variables */
:root {
  --ieee-blue: #00629b;
  --ieee-dark: #002855;
  --ieee-text: #212529;
}

/* 3. Custom Header Styling */
.portal-header {
  background-color: #ffffff;
  border-bottom: 4px solid var(--ieee-blue);
}

.brand-text {
  color: var(--ieee-dark);
  font-weight: 700;
  letter-spacing: -0.5px;
}

/* Utilities */
.ieee-text {
  color: var(--ieee-blue);
}
.ieee-bg {
  background-color: var(--ieee-blue);
  color: #fff;
}
.ieee-btn {
  background-color: var(--ieee-blue);
  color: #fff;
  border: none;
}
.ieee-btn:hover {
  background-color: var(--ieee-dark);
  color: #fff;
}

/* 4. Custom Navbar Styling */
.portal-navbar {
  background-color: var(--ieee-blue);
}

.portal-navbar .nav-link {
  color: rgba(255, 255, 255, 0.85);
  font-weight: 500;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

.portal-navbar .nav-link:hover,
.portal-navbar .nav-link.active {
  color: #ffffff;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}

/* Form Styling */
.parameter-block {
  border-left: 3px solid #dee2e6;
  background-color: #ffffff;
}