/* LASU theme variables and small Bootstrap overrides
   Load this file after Bootstrap CSS (e.g., in _Layout.cshtml) so overrides apply.
*/

:root{
  --lasu-primary: #14A800;
  --lasu-primary-2: #108A00;
  --lasu-primary-light: #dffff1;
  --lasu-yellowish: #D0F267;
  --lasu-text: #0E121B;
  --lasu-white: #ffffff;
}

/* Body text color for high readability */
body {
  color: var(--lasu-text);
  background-color: var(--lasu-white);
}

/* Override Bootstrap primary button to LASU green */
.btn-primary{
  background-color: var(--lasu-primary) !important;
  border-color: var(--lasu-primary) !important;
  color: var(--lasu-white) !important;
  box-shadow: none;
}

/* Hover / focus / active visual state */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:focus {
  background-color: var(--lasu-primary-2) !important;
  border-color: var(--lasu-primary-2) !important;
}

/* Light LASU card background utility */
.bg-lasu-light {
  background-color: var(--lasu-primary-light) !important;
}

/* Optional small helpers (badge/button uses) */
.badge-pending {
  background-color: var(--lasu-yellowish);
  color: var(--lasu-text);
}

/* Improve contrast for buttons that use the light background */
.btn-outline-lasu {
  color: var(--lasu-primary);
  border-color: var(--lasu-primary);
}
.btn-outline-lasu:hover {
  background-color: var(--lasu-primary);
  color: var(--lasu-white);
  border-color: var(--lasu-primary-2);
}