/* ======  Brand palette  ====== */
    :root {
      --jk-blue: #3b4c9e;
      --jk-orange: #e0671e;
      --jk-gold: #d9a957;
      --bg-light: #f8f9fa;
      --bg-dark: #212529;
      --text-light: #343a40;
      --text-dark: #e9ecef;
    }
    [data-theme="dark"] {
      --bg-light: #212529;
      --text-light: #e9ecef;
    }
.main{
  min-height: 100vh;
}
    body {
      font-family: 'Poppins', sans-serif;
      color: var(--text-light);
      background-color: var(--bg-light);
      scroll-behavior: smooth;
    }

    /* ======  Nav  ====== */
    .navbar-brand {
      font-weight: 600;
      letter-spacing: -.5px;
    }

    /* ======  Hero  ====== */
    .hero {
      background: linear-gradient(135deg, var(--jk-blue) 0%, #4c5fb0 40%, var(--jk-orange) 100%);
      color: #fff;
      padding: 7rem 0 1rem;
      text-align: center;
      position: relative;
    }
    .wave {
      position: absolute;
      bottom: -1px;
      left: 0;
      width: 100%;
      height: 50px;
      fill: var(--bg-light);
    }

    /* ======  Search  ====== */
    #searchBar {
      max-width: 400px;
      margin: 0;
    }

    /* ======  Accordion / Year Card  ====== */
    .accordion-button:not(.collapsed) {
      background: var(--jk-blue);
      color: #fff;
    }

    .list-group-item {
      display: flex;
      align-items: center;
      gap: .75rem;
      font-weight: 500;
      border: 0;
      border-bottom: 1px solid #e9ecef;
      background: transparent;
      transition: background-color .15s ease-in-out;
    }
    [data-theme="dark"] .list-group-item { border-bottom-color: #343a40; }

    .list-group-item:hover {
      background-color: rgba(59, 76, 158, .08);
    }

    .list-group-item i { color: var(--jk-orange); }

    /* ======  Back to top  ====== */
    #backToTop {
      position: fixed;
      bottom: 1.5rem;
      right: 1.5rem;
      z-index: 100;
      display: none;
    }



    .hero {
      background: linear-gradient(135deg, #3b4c9e 0%, #4c5fb0 40%, #e0671e 100%);
      color: #fff;
      padding: 6rem 0 1rem;
      text-align: center;
      position: relative;
    }
    .hero img.logo {
      max-width: 180px;
      height: auto;
    }

    .option-container {
      display: flex;
      align-items: center;
      gap: 1rem;
      justify-content: center;
    }
    .option-container #searchBar {
      flex: 1 1 auto;
    }
    #themeToggle{
      background-color: #fff;
    }