* {
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}

.feature-icon {
    width: 4rem;
    height: 4rem;
    border-radius: 0.75rem;
}

.img-fluid {
        border-radius: .75rem;
    }

:root {
    --bs-primary: #1b3f7a;
    --bs-primary-rgb: 27, 63, 122;
}

.btn-primary {
    background-color: #1b3f7a;
    border-color: #1b3f7a;
}

.btn-primary:hover {
    background-color: #153262;
    border-color: #153262;
}

.btn-outline-primary {
    color: #1b3f7a;
    border-color: #1b3f7a;
}

/* Hover on an unselected outline button — the same soft navy tint used
   for the pills on the Officers page (.badge-soft-primary), so hovering
   an option doesn't read as if it were already selected the way the
   solid navy .active state (below) does. Text stays navy, not
   Bootstrap's default white, since white would disappear against a
   background this light. */
.btn-outline-primary:hover {
    background-color: #e3e9f4;
    border-color: #1b3f7a;
    color: #1b3f7a;
}

/* Selected/active state (e.g. the General/Membership Requests toggle
   on Messages) — solid navy, matching --bs-primary above. Bootstrap
   compiles a button's active background from a literal hex baked in
   at build time, not from the --bs-primary custom property, so the
   override above doesn't reach it and it has to be set explicitly
   here too. */
.btn-outline-primary.active,
.btn-outline-primary:active {
    background-color: #1b3f7a;
    border-color: #1b3f7a;
    color: #fff;
}

/* An already-active button still reads as navy on hover — a touch
   darker for tactile feedback — rather than switching to the lighter
   shade meant to distinguish hovering an unselected option. */
.btn-outline-primary.active:hover {
    background-color: #163363;
    border-color: #163363;
}

/* Clicking any solid or outline navy button (e.g. the List/Calendar
   view toggle on Halls and Events) left Bootstrap's own glowing focus
   ring around it — drop it entirely rather than just recoloring it. */
.btn-primary:focus,
.btn-primary.focus,
.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: none;
}

/* A disabled primary button (e.g. "View Full Reports" on the main
   dashboard, or any Save/Book button mid-submit) still faded from
   Bootstrap's own bright blue rather than navy — same root cause as
   above, a color baked in at compile time on yet another variable
   Bootstrap uses just for the disabled state. Opacity still comes
   from Bootstrap's own .btn:disabled rule; this only fixes the color
   underneath it. */
.btn-primary:disabled,
.btn-primary.disabled {
    background-color: #1b3f7a;
    border-color: #1b3f7a;
}

.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
    color: #1b3f7a;
    border-color: #1b3f7a;
}

   .form-signin {
      max-width: 330px;
      padding: 1rem;
    }

    .form-signin .form-floating:focus-within {
      z-index: 2;
    }

    .form-signin input[type="email"] {
      margin-bottom: -1px;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
    }

    .form-signin input[type="password"] {
      margin-bottom: 10px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }