/* =====================================================================
 *  DARK CHIC — Frontend (acilis / genel site)
 *  light-theme.css'ten SONRA yuklenir; degiskenleri ve yuzeyleri ezer.
 *  Palet: gece navy + violet/cyan neon + cam yuzeyler.
 * ===================================================================== */

:root{
  /* Metin (eskiden koyu) -> acik */
  --dark:#EEF0F6;
  --muted:#9AA0B2;
  /* Yuzeyler (eskiden acik) -> koyu cam */
  --white:#141824;
  --light:#12141C;
  --soft-bg:#1A1E2A;
  --border:rgba(255,255,255,.10);
  /* Marka accent -> violet/cyan */
  --primary:#8B7BFF;
  --primary-dark:#6366F1;
  --secondary:#22D3EE;
  /* CTA gradient */
  --cta-bg:#6366F1;
  --cta-bg-gradient:linear-gradient(135deg,#6366F1 0%,#8B5CF6 100%);
  --cta-text:#ffffff;
  /* Golgeler yumusat */
  --shadow-sm:0 2px 6px rgba(0,0,0,.4);
  --shadow-md:0 8px 20px rgba(0,0,0,.45);
  --shadow-lg:0 20px 45px rgba(0,0,0,.5);
  --shadow-xl:0 22px 50px rgba(0,0,0,.55);
  --shadow-premium:0 25px 50px -12px rgba(0,0,0,.6);
}

/* ---- Sayfa zemini + neon halo isiltilari ---- */
body{
  background-color:#0B0D14 !important;
  color:#EEF0F6;
  background-image:
    radial-gradient(760px 420px at 88% -6%, rgba(139,92,246,.22) 0%, rgba(139,92,246,0) 60%),
    radial-gradient(680px 400px at 2% 102%, rgba(34,211,238,.16) 0%, rgba(34,211,238,0) 55%);
  background-attachment:fixed;
}

/* ---- Bootstrap yardimci siniflari (markup'ta sabit) ---- */
.text-dark{color:#EEF0F6 !important}
.text-muted{color:#9AA0B2 !important}
.bg-white,.bg-light{background-color:#141824 !important}
.text-primary{color:#A99CFF !important}
.border{border-color:rgba(255,255,255,.10) !important}
.shadow-sm,.shadow{box-shadow:0 8px 22px rgba(0,0,0,.4) !important}

/* ---- Baslik / metin ---- */
h1,h2,h3,h4,h5,h6{color:#F4F5FA}
p{color:#C4C8D6}
a{color:#A99CFF}
a:hover{color:#C9C1FF}

/* ---- Ust menu / navbar ---- */
.navbar{background:rgba(13,15,22,.72) !important;backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav-link,.nav-link.text-dark{color:#C4C8D6 !important}
.nav-link:hover,.nav-link.text-primary{color:#A99CFF !important}
.nav-brand .text-dark{color:#F4F5FA !important}

/* ---- Genel bolum yuzeyleri ---- */
section, .section, .admin-section{background-color:transparent !important}

/* ---- Kartlar (cam) ---- */
.exam-card,.admin-feature-card,.cms-ui-card,.admin-mockup-frame,.step-card,
.panel,.card,.pricing-card,.feature-card,.testimonial-card,.faq-item{
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  box-shadow:0 16px 40px rgba(0,0,0,.4) !important;
  color:#E7E9F2;
}
.exam-card:hover{border-color:rgba(169,156,255,.45) !important}

/* step ikon daireleri */
.step-icon-wrap{background:rgba(255,255,255,.05) !important;border-color:rgba(255,255,255,.12) !important}
.step-number{background:linear-gradient(135deg,#6366F1,#8B5CF6) !important;color:#fff !important;border-color:#0B0D14 !important}

/* ---- Pill / rozet / banner: tek-tip koyu tint ---- */
.green-soft,.blue-soft,.purple-soft,.orange-soft,
.green-banner,.blue-banner,.orange-banner,
.green-badge,.blue-badge,.orange-badge,.cms-badge,
.panel-visual-hint,.item-icon{
  background:rgba(169,156,255,.14) !important;
  color:#C9C1FF !important;
}

/* iskelet / ui mockup parcalari */
.ui-skeleton-line,.ui-skeleton-box,.ui-col,.section-divider{background:rgba(255,255,255,.07) !important}
.ui-header{border-bottom-color:rgba(255,255,255,.08) !important}

/* ---- Butonlar ---- */
.btn-primary,.btn-success{
  background:linear-gradient(135deg,#6366F1,#8B5CF6) !important;
  border:none !important;color:#fff !important;
  box-shadow:0 10px 26px rgba(109,90,230,.42) !important;
}
.btn-primary:hover,.btn-success:hover{filter:brightness(1.08)}
.btn-outline-primary{border-color:#8B7BFF !important;color:#A99CFF !important;background:transparent !important}
.btn-outline-primary:hover{background:rgba(139,123,255,.14) !important;color:#fff !important}
.btn-light,.btn-outline-secondary{background:rgba(255,255,255,.06) !important;color:#E7E9F2 !important;border-color:rgba(255,255,255,.14) !important}

/* ---- Formlar ---- */
.form-control,.form-select,input,textarea,select{
  background:#12141C !important;color:#EEF0F6 !important;border-color:rgba(255,255,255,.14) !important;
}
.form-control::placeholder{color:#7A8092 !important}
.form-control:focus,.form-select:focus{border-color:#8B7BFF !important;box-shadow:0 0 0 3px rgba(139,123,255,.2) !important}

/* ---- Dropdown ---- */
.dropdown-menu{background:#141824 !important;border:1px solid rgba(255,255,255,.1) !important}
.dropdown-item{color:#C4C8D6 !important}
.dropdown-item:hover,.dropdown-item.active{background:rgba(139,123,255,.14) !important;color:#fff !important}

/* ---- Tablolar ---- */
.table{color:#D7D9E3 !important}
.table>:not(caption)>*>*{background:transparent !important;border-color:rgba(255,255,255,.08) !important}
.table thead th{color:#9AA0B2 !important}

/* ---- Hafif zeminli hover'lari duzelt ---- */
.admin-feature-card:hover,.exam-card:hover{background:rgba(255,255,255,.06) !important}

/* ---- Ince & sik kaydirma cubugu ---- */
html{ scrollbar-width: thin; scrollbar-color: rgba(139,123,255,.4) transparent; }
::-webkit-scrollbar{ width:9px; height:9px; }
::-webkit-scrollbar-track{ background:transparent; }
::-webkit-scrollbar-thumb{
    background:rgba(139,123,255,.32); border:2px solid transparent;
    background-clip:padding-box; border-radius:999px;
}
::-webkit-scrollbar-thumb:hover{ background:rgba(139,123,255,.55); background-clip:padding-box; }