:root {
  /* Marka renkleri */
  --brand-navy: #19366D;
  /* Primary */
  --brand-ice: #B6C6D1;
  /* Secondary */
  --brand-white: #FFFFFF;
  /* Light */

  /* Bootstrap eşlemeleri */
  --bs-primary: var(--brand-navy);
  --bs-primary-rgb: 25, 54, 109;

  --bs-secondary: var(--brand-ice);
  --bs-secondary-rgb: 182, 198, 209;

  --bs-light: var(--brand-white);
  --bs-light-rgb: 255, 255, 255;

  --bs-body-bg: var(--brand-ice);
  --bs-body-color: var(--brand-navy);

  --bs-link-color: var(--brand-navy);
  --bs-link-hover-color: #122651;
  /* primary’nin biraz koyusu */
}

/* Navbar */
.navbar {
  background-color: var(--brand-navy) !important;
}

.navbar-brand,
.navbar .nav-link {
  color: var(--brand-white) !important;
}

.navbar .nav-link.active {
  color: var(--brand-ice) !important;
  font-weight: 900;
}

.navbar .nav-link:hover {
  color: var(--brand-ice) !important;
}

/* Sticky footer için body'yi esnek (flex) yap */
html,
body {
  height: 100%;
  /* Tüm ekranı kaplasın */
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
  /* Üstten alta akış */
}

/* İçerik alanı büyüsün, footer'ı alta itsin */
main {
  flex: 1;
}

/* Footer tema renkleri */
.footer {
  background-color: var(--brand-navy);
  color: var(--brand-white);
}

.footer a {
  color: var(--brand-ice);
  text-decoration: none;
}

.footer a:hover {
  color: var(--brand-white);
}



/* Yardımcı sınıflar */
.bg-brand-navy {
  background-color: var(--brand-navy) !important;
}

.bg-brand-ice {
  background-color: var(--brand-ice) !important;
}

.text-brand-navy {
  color: var(--brand-navy) !important;
}

.text-brand-ice {
  color: var(--brand-ice) !important;
}

.text-brand-white {
  color: var(--brand-white) !important;
}


  .carousel-item img {
    height: 40vh;        /* ekran yüksekliğinin %60’ı */
    object-fit: cover;   /* resim orantılı ve kırpılarak gösterilir */
  }

  @media (max-width: 768px) {
    .carousel-item img {
      height: 25vh;      /* mobilde daha kısa */
    }
  }