 :root{
      --brand:#0a2a66; /* lacivert */
      --brand-ink:#ffffff;
      --accent:#00bcd4;
      
    }
    .navbar{ background:var(--brand); }
    .navbar .nav-link, .navbar-brand{ color:var(--brand-ink)!important; }
    .hero{
      background: linear-gradient(180deg, var(--brand) 0%, #0e3b8a 100%);
      color:#fff; padding:4rem 0;
      
    }
    .section-title{ font-weight:700; letter-spacing:.3px; }
    .project-card:hover{ transform:translateY(-4px); transition:.2s; }
    footer{ background:#0b1b36; color:#d9e3ff; }
    #about p{
  color:#212529 !important;  /* siyaha yakın koyu gri */
  font-weight:600;           /* biraz daha kalın */
  line-height:1.7;           /* okunabilirlik */
}
/* Projeler kartlarının yazıları */
#projects .card-title,
#projects .card-text{
  color:#212529 !important;  /* siyaha yakın koyu gri */
}

#projects .card-text{
  font-weight:600;           /* paragrafı biraz kalınlaştır */
  line-height:1.7;           /* rahat okuma */
}

#projects .card-title{
  font-weight:700;           /* başlık zaten kalın, garanti olsun */
}

/* İletişim bölümündeki etiketler ve başlıkçık */
#contact .fw-semibold,
#contact .form-label{
  color:#212529 !important;  /* siyaha yakın koyu gri */
  font-weight:600;           /* #about ile aynı kalınlık */
}

/* Giriş alanlarının (input/textarea) içindeki metin */
#contact .form-control{
  color:#212529;
  font-weight:600;           /* istersen 500 yapabilirsin */
}

/* Placeholder (örnek metin) rengi — aynı tonda, biraz şeffaf */
#contact .form-control::placeholder{
  color:#212529;
  opacity:.75;               /* çok koyu olmasın */
}
#projects .badge{
  background-color: var(--bs-primary) !important; /* üstteki kutuların mavisi */
  color:#fff !important;
  border-color: transparent !important;
  border-radius: 50rem; /* pill görünüm */
}
/* Hero butonları: Projelerimi Gör + CV İndir */
.hero .btn{
  font-weight:700;   /* 600 da güzel durur, istersen düşür */
  letter-spacing:.2px;
}


p {
  color: #000;
}
.section-title{ font-weight:700; letter-spacing:.3px; }

.cert-card{ border:0; border-radius:16px; box-shadow:0 8px 22px rgba(0,0,0,.06); }
.cert-card:hover{ transform: translateY(-4px); transition:.2s ease; box-shadow:0 12px 30px rgba(0,0,0,.10); }

.object-cover{ object-fit: cover; }
.card-img-top{ border-top-left-radius:16px; border-top-right-radius:16px; }
/* Kart görselleri aynı oran ve yükseklikte dursun */
.cert-card .thumb{
  width:100%;
  aspect-ratio: 16 / 9;   /* tüm görseller aynı oran */
  object-fit: cover;      /* taşmadan kırp */
}

/* (İsteğe bağlı) Kart başlığı ve metinleri hizalı görünsün */
.cert-card .card-body{ padding:1rem 1rem 1.25rem; }
/* === Sertifika kartı tipografisi (kalın) === */
.cert-card .card-body h3,
.cert-card .card-body .h5{
  font-weight: 700 !important;   /* başlık */
  letter-spacing: .2px;
}

.cert-card .card-body p{
  font-weight: 500 !important;   /* kurum satırı + açıklama */
  line-height: 1.5;
}

/* text-muted çok soluk kalmasın */
.cert-card .card-body .text-muted{
  color: #212529 !important;    /* Bootstrap body rengi */
  opacity: 1 !important;
}
/* Hero alt yazı ve içindeki linkler beyaz görünsün */
.hero p,
.hero .lead,
.hero .subtitle {
  color: #ffffff !important;
  opacity: 1 !important;         /* text-muted etkisini kırar */
}

/* Hero içinde text-muted kullanıldıysa onu da beyaz yap */
.hero .text-muted {
  color: rgba(255,255,255,0.9) !important;
  opacity: 1 !important;
}

/* Hero içindeki linkler */
/* SADECE normal linkleri beyaz yap; butonları etkileme */
.hero a:not(.btn){
  color: #ffffff !important;
  text-decoration: none;
}
.hero a:not(.btn):hover{
  text-decoration: underline;
}

/* (İsteğe bağlı) butonlar için net renkler */
.hero .btn-light{
  color: #0a2a66 !important;      /* lacivert metin */
  background-color: #ffffff;
  border-color: rgba(255,255,255,.6);
}
.hero .btn-outline-light{
  color: #ffffff !important;
  border-color: #ffffff !important;
}
