/**
 * public/assets/css/custom.css
 * Purpose: JKKNIU visual identity applied on top of stock Bootstrap 5.3.
 * Approach: override Bootstrap's *component-level* CSS variables
 * (--bs-btn-bg, --bs-badge color, etc.) rather than rewriting every
 * page's markup — every existing .btn-primary / .bg-primary / .badge
 * across the whole app picks this up automatically.
 *
 * COLORS: approximated from JKKNIU's public branding (deep green +
 * gold accent, matching the national flag palette commonly used by
 * Bangladeshi public universities). If you have the exact brand hex
 * codes, send them and these three variables are the only thing that
 * needs to change.
 */

:root {
  --jkkniu-green: #0b5d34;
  --jkkniu-green-dark: #073b21;
  --jkkniu-gold: #d4a72c;
  --jkkniu-gold-dark: #b8901f;
}

/* ---- Base Bootstrap variable overrides (covers text-primary, border-primary, links, form focus rings, etc.) ---- */
:root, [data-bs-theme="light"] {
  --bs-primary: var(--jkkniu-green);
  --bs-primary-rgb: 11, 93, 52;
  --bs-link-color: var(--jkkniu-green);
  --bs-link-color-rgb: 11, 93, 52;
  --bs-link-hover-color: var(--jkkniu-green-dark);
}

body {
  background-color: #f5f6f4;
}

/* ---- Navbar: replaces the plain bg-dark used across every page ---- */
.navbar-university {
  background: linear-gradient(135deg, var(--jkkniu-green) 0%, var(--jkkniu-green-dark) 100%);
  border-bottom: 3px solid var(--jkkniu-gold);
}
.navbar-university .navbar-brand {
  color: #fff !important;
  font-weight: 600;
  letter-spacing: 0.3px;
}
.navbar-university .btn-outline-light:hover {
  background-color: var(--jkkniu-gold);
  border-color: var(--jkkniu-gold);
  color: #1a1a1a;
}

/* ---- Buttons ---- */
.btn-primary {
  --bs-btn-bg: var(--jkkniu-green);
  --bs-btn-border-color: var(--jkkniu-green);
  --bs-btn-hover-bg: var(--jkkniu-green-dark);
  --bs-btn-hover-border-color: var(--jkkniu-green-dark);
  --bs-btn-active-bg: var(--jkkniu-green-dark);
  --bs-btn-active-border-color: var(--jkkniu-green-dark);
  --bs-btn-disabled-bg: var(--jkkniu-green);
  --bs-btn-disabled-border-color: var(--jkkniu-green);
}
.btn-outline-primary {
  --bs-btn-color: var(--jkkniu-green);
  --bs-btn-border-color: var(--jkkniu-green);
  --bs-btn-hover-bg: var(--jkkniu-green);
  --bs-btn-hover-border-color: var(--jkkniu-green);
  --bs-btn-active-bg: var(--jkkniu-green);
  --bs-btn-active-border-color: var(--jkkniu-green);
}

/* Gold accent button, for secondary calls to action */
.btn-university-gold {
  --bs-btn-color: #1a1a1a;
  --bs-btn-bg: var(--jkkniu-gold);
  --bs-btn-border-color: var(--jkkniu-gold);
  --bs-btn-hover-color: #1a1a1a;
  --bs-btn-hover-bg: var(--jkkniu-gold-dark);
  --bs-btn-hover-border-color: var(--jkkniu-gold-dark);
}

/* ---- Badges (status pills across dashboards/track-status) ---- */
.badge.bg-primary { background-color: var(--jkkniu-green) !important; }
.badge.bg-success { background-color: #1e7d3c !important; }

/* ---- Cards: subtle lift + rounded corners instead of flat default ---- */
.card {
  border: 1px solid #e3e6e1;
  border-radius: 0.6rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.card-title {
  color: var(--jkkniu-green-dark);
  font-weight: 600;
}

/* ---- Login card accent ---- */
.login-card-header {
  border-top: 4px solid var(--jkkniu-gold);
}

/* ---- Form focus ring in brand green ---- */
.form-control:focus,
.form-select:focus {
  border-color: var(--jkkniu-green);
  box-shadow: 0 0 0 0.25rem rgba(11, 93, 52, 0.15);
}

/* ---- Links ---- */
a {
  color: var(--jkkniu-green);
}
a:hover {
  color: var(--jkkniu-green-dark);
}