:root{
      --clr-primary:#122241;
      --clr-secondary:#b7a576;
      --clr-topbar:#003049;
      --clr-light:#fff;
      --grad-start:#fffbe6;
      --grad-end:#ffffcc;
    }
    body{font-family:"Rajdhani",sans-serif}

    /* ---- TOPBAR ---- */
    .topbar{background:var(--clr-topbar);color:#fff;font-size:.875rem}
    .topbar a{color:#b7a576;text-decoration:none}
    .topbar a:hover{color:#fff;text-decoration:underline}

    /* ---- HEADER ---- */
    .college-header{
      background:url(uploads/header-bg.jpg) repeat-x top center/auto 100%;
      padding:10px 0 12px
    }
    .college-header .logo{max-height:90px;width:auto}
    .college-title{
      font-family:"Noto Sans Oriya",sans-serif;font-weight:700;
      font-size:2.9rem;letter-spacing:1px;color:#063169;
      text-shadow:5px -1px 3px rgba(0,0,0,.19);margin:0;line-height:1.1
    }
    .college-subtitle{font-size:1.9rem;font-weight:600;letter-spacing:2px;color:#063169;margin:0}
    .affiliation{font-size:.9rem;font-weight:600;letter-spacing:3px;color:#063169}

    /* ---- NAVBAR ---- */
    .navbar-custom{background:#ef233c;padding:0}
    .navbar-custom .nav-link{
      color:#fff;font-weight:600;letter-spacing:.5px;
      padding:14px 16px;display:flex;align-items:center;gap:6px
    }
    .navbar-custom .nav-link:hover{color:#001524}

    @media(max-width:767.98px){
      .college-header .container{flex-direction:column;text-align:center}
      .college-header .logo{max-height:70px;margin:.5rem 0}
      .college-title{font-size:1.8rem}
      .college-subtitle{font-size:1.2rem}
      .affiliation{font-size:.8rem}
    }