/* ------------------------------------------------------------
   BOOTSTRAP OVERRIDES
   Load this file AFTER Bootstrap's CSS
------------------------------------------------------------ */

/* 1) Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');

/* 2) Font-family override */
:root {
  --bs-font-sans-serif: 'Nunito', system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

  --bs-body-font-family: var(--bs-font-sans-serif);

  /* 3) Bootstrap color overrides */
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #ffffff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;

  --bs-primary: #348e38;
  --bs-secondary: #525368;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #e8f5e9;
  --bs-dark: #0f4229;

  /* Convenience aliases */
  --primary: #348E38;
  --secondary: #525368;
  --light: #E8F5E9;
  --dark: #0F4229;
}

/* 4) Apply font globally */
body,
h1, h2, h3, h4, h5, h6,
.btn,
.form-control,
.form-select,
.navbar,
.navbar-nav .nav-link,
.dropdown-menu {
  font-family: var(--bs-font-sans-serif) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):hover,
.btn-check:hover + .btn-primary,
.btn-check:focus + .btn-primary {
  background-color: #2E7C31 !important; /* darker green */
  border-color: #2E7C31 !important;
  color: #ffffff !important; /* keep text white on hover */
}

/* ------------------------------------------------------------
   BUTTONS — Correct white text
------------------------------------------------------------ */

.btn,
.btn[class*="btn-"] {
  color: #ffffff !important;
}

.btn-light,
.btn-light:hover,
.btn-light:focus {
  color: var(--bs-dark) !important;
}

/* Light button needs dark text */
.btn-light {
  color: var(--bs-dark) !important;
}

/* Hover + focus states */
.btn:hover,
.btn:focus {
  color: #ffffff !important;
}

.btn-light:hover,
.btn-light:focus {
  color: var(--bs-dark) !important;
}

/* ------------------------------------------------------------
   BUTTON BACKGROUNDS
------------------------------------------------------------ */

.btn-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.btn-secondary {
  background-color: var(--bs-secondary) !important;
  border-color: var(--bs-secondary) !important;
}

.btn-success {
  background-color: var(--bs-success) !important;
  border-color: var(--bs-success) !important;
}

.btn-info {
  background-color: var(--bs-info) !important;
  border-color: var(--bs-info) !important;
}

.btn-warning {
  background-color: var(--bs-warning) !important;
  border-color: var(--bs-warning) !important;
}

.btn-danger {
  background-color: var(--bs-danger) !important;
  border-color: var(--bs-danger) !important;
}

.btn-light {
  background-color: var(--bs-light) !important;
  border-color: var(--bs-light) !important;
}

.btn-dark {
  background-color: var(--bs-dark) !important;
  border-color: var(--bs-dark) !important;
}

/* ------------------------------------------------------------
   BACKGROUND UTILITIES
------------------------------------------------------------ */

.bg-primary   { background-color: var(--bs-primary)   !important; }
.bg-secondary { background-color: var(--bs-secondary) !important; }
.bg-success   { background-color: var(--bs-success)   !important; }
.bg-info      { background-color: var(--bs-info)      !important; }
.bg-warning   { background-color: var(--bs-warning)   !important; }
.bg-danger    { background-color: var(--bs-danger)    !important; }
.bg-light     { background-color: var(--bs-light)     !important; }
.bg-dark      { background-color: var(--bs-dark)      !important; }

/* ------------------------------------------------------------
   TEXT UTILITIES
------------------------------------------------------------ */

.text-primary   { color: var(--bs-primary)   !important; }
.text-secondary { color: var(--bs-secondary) !important; }
.text-success   { color: var(--bs-success)   !important; }
.text-info      { color: var(--bs-info)      !important; }
.text-warning   { color: var(--bs-warning)   !important; }
.text-danger    { color: var(--bs-danger)    !important; }
.text-light     { color: var(--bs-light)     !important; }
.text-dark      { color: var(--bs-dark)      !important; }

/* ------------------------------------------------------------
   BORDER UTILITIES
------------------------------------------------------------ */

.border-primary   { border-color: var(--bs-primary)   !important; }
.border-secondary { border-color: var(--bs-secondary) !important; }
.border-success   { border-color: var(--bs-success)   !important; }
.border-info      { border-color: var(--bs-info)      !important; }
.border-warning   { border-color: var(--bs-warning)   !important; }
.border-danger    { border-color: var(--bs-danger)    !important; }
.border-light     { border-color: var(--bs-light)     !important; }
.border-dark      { border-color: var(--bs-dark)      !important; }

/* ------------------------------------------------------------
   LINKS
------------------------------------------------------------ */

a,
a:link,
a:visited {
  color: var(--bs-primary) !important;
}

a:hover,
a:focus {
  color: var(--bs-indigo) !important;
}

/* ------------------------------------------------------------
   FORM FOCUS OUTLINE
------------------------------------------------------------ */

.form-control:focus,
.btn:focus,
a:focus {
  border-color: var(--bs-primary) !important;
  box-shadow: 0 0 0 .25rem rgba(52, 142, 56, .25) !important;
}

/* END OF FILE */