@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap');

/* Hitit Bronzu: lacivert gece zemini, bronz vurgu, sarı fosforlu = "hoca vurguladı".
   Geri almak için index.html'deki theme.css satırını silmek yeterli. */

:root{
  --bronze:#d9a54a; --bronze-soft:rgba(217,165,74,.13);
  --font-serif:'Fraunces',Georgia,'Times New Roman',serif;
  --bg-deep:#0a0f1e; --bg-surface:#0f1730;
  --bg-card:rgba(18,27,52,.78); --bg-card-hover:rgba(24,35,66,.92); --bg-elevated:rgba(30,43,78,.92);
  --border-subtle:rgba(244,239,228,.07); --border-default:rgba(244,239,228,.13);
  --border-hover:rgba(217,165,74,.45); --border-glow:rgba(217,165,74,.35);
  --text-main:#f4efe4; --text-secondary:#b3bad0; --text-muted:#8791ad; --text-faint:#3a4668;
  --accent-primary:#d9a54a; --accent-secondary:#e8c27a; --accent-cyan:#4fc3a8;
  --accent-gradient:linear-gradient(#d9a54a,#d9a54a); --accent-glow:rgba(217,165,74,.2);
  --success:#3dd6a0; --danger:#f2646a; --warning:#ffd84d;
  --radius-lg:14px; --radius-xl:16px;
  --shadow-sm:none; --shadow-md:none; --shadow-lg:none; --shadow-glow:none;
}

/* Zemin: düz, gradient yıkaması yok */
body{background:var(--bg-deep)}
::selection{background:rgba(217,165,74,.35);color:#fff}
:focus-visible{outline:2px solid var(--bronze);outline-offset:2px}

/* Başlıklar: serif, büyük harf ve harf aralığı yok */
.hero-title,.header-title-wrap h2,.roadmap-title-wrap h3,.hub-card-body h3,
.question-prompt,.card-question,.results-score-num,.stat-value,.brand-info h1{
  font-family:var(--font-serif); font-weight:600; letter-spacing:0; text-transform:none}
.nav-category,.hero-tag,.hub-card-tag,.course-pill,.exp-header,.breakdown-item p,
.spot-box-question strong,.spot-box-answer strong,.spot-box-trap strong,.nav-link span:not(.nav-badge){
  text-transform:none; letter-spacing:0}
.nav-category{font-size:12px;color:var(--text-muted)}
.header-title-wrap h2{font-size:20px}
.stat-value{font-size:36px;font-variant-numeric:lining-nums}
.hub-card-body h3{font-size:19px}

/* Yan menü */
.app-sidebar{background:rgba(8,12,24,.97);backdrop-filter:none;-webkit-backdrop-filter:none}
.app-header{background:rgba(10,15,30,.88)}
.brand-icon{border-radius:50%;background:var(--bronze-soft);border-color:rgba(217,165,74,.4);box-shadow:none}
.brand-icon svg{stroke:var(--bronze)!important;fill:none!important}
.nav-link.active{background:var(--bronze-soft);box-shadow:none;border-color:transparent}
.nav-link.active::before{background:var(--bronze);box-shadow:none}
.nav-badge,.nav-link:hover .nav-badge,.nav-link.active .nav-badge{background:rgba(255,255,255,.07);color:var(--text-secondary);border-color:transparent}
.progress-fill,.sidebar-progress-fill{background:var(--bronze);box-shadow:none}

/* Kahraman alanı: Hitit güneş kursu (halkalar + ışınlar) */
.hero-banner{background:var(--bg-card);border:1px solid var(--border-default);border-radius:16px;padding:44px 44px 40px;box-shadow:none}
.hero-banner>*{position:relative;z-index:1}
.hero-banner::after{
  content:'';position:absolute;right:-90px;top:50%;width:360px;height:360px;margin-top:-180px;
  border-radius:50%;filter:none;pointer-events:none;opacity:.34;z-index:0;
  background:
    radial-gradient(circle,var(--bronze) 0 6%,transparent 6.5%),
    repeating-radial-gradient(circle,transparent 0 24px,rgba(217,165,74,.55) 24px 25.5px),
    repeating-conic-gradient(rgba(217,165,74,.45) 0 1.6deg,transparent 1.6deg 15deg);
  -webkit-mask:radial-gradient(circle,#000 36%,transparent 70%);mask:radial-gradient(circle,#000 36%,transparent 70%)}
.hero-tag{background:none;border:0;padding:0;color:var(--bronze);font-size:13px}
.hero-title{font-size:clamp(28px,3.6vw,42px);line-height:1.15;max-width:22ch;margin-bottom:14px}
.hero-subtitle{max-width:60ch;line-height:1.65}

/* Sayılar: dört ayrı kart yerine tek şerit */
.stats-grid{gap:0;border:1px solid var(--border-default);border-radius:14px;overflow:hidden;background:var(--bg-card)}
.stat-card,.stat-card:hover{background:transparent;border:0;border-right:1px solid var(--border-subtle);border-radius:0;backdrop-filter:none;box-shadow:none;transform:none}
.stat-card:last-child{border-right:0}
.stat-card::before{display:none}
.stat-icon,.stat-icon.indigo,.stat-icon.blue,.stat-icon.emerald,.stat-icon.amber,
.hub-card-icon,.hub-card.quiz .hub-card-icon,.hub-card.cards .hub-card-icon,.hub-card.notes .hub-card-icon,.hub-card.video .hub-card-icon{
  background:var(--bronze-soft);color:var(--bronze);border-color:transparent}

/* Kartlar: aynı kenar, gölge ve cam efekti yok */
.hub-card,.rec-card,.spot-card,.question-card,.quiz-header-card,.note-accordion,.portal-status-card,.results-card{
  backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-color:var(--border-default);border-radius:14px}
.hub-card:hover,.rec-card:hover,.spot-card:hover,.note-accordion:hover{
  transform:none;box-shadow:none;border-color:rgba(217,165,74,.45);background:var(--bg-card-hover)}
.hub-card-action{color:var(--bronze)}
.hub-card-tag,.hub-card:hover .hub-card-tag{background:rgba(255,255,255,.06);color:var(--text-secondary);border-color:transparent}
.timeline-step.completed .timeline-marker{background:var(--bronze-soft);color:var(--bronze);border-color:rgba(217,165,74,.5);box-shadow:none}

/* Düğmeler */
.btn-primary,.btn-hero-primary,.filter-pill.active{color:#1a1205;font-weight:700;box-shadow:none}
.btn-primary:hover,.btn-hero-primary:hover{filter:brightness(1.1);box-shadow:none;transform:none}
.filter-pill.active{background:var(--bronze)}

/* Sınav: şıklar optik form baloncuğu gibi yuvarlak */
.question-prompt{font-size:22px;font-weight:500;line-height:1.45}
.option-letter{border-radius:50%;font-family:var(--font-sans)}
.option-item:hover:not(:disabled){border-color:var(--bronze);background:var(--bronze-soft)}
.option-item:hover:not(:disabled) .option-letter{background:var(--bronze);border-color:var(--bronze);color:#1a1205}
.course-pill.inkilap{background:var(--bronze-soft);color:var(--bronze);border-color:rgba(217,165,74,.3)}
.course-pill.ingilizce{background:rgba(79,195,168,.12);color:#6fd9c0;border-color:rgba(79,195,168,.3)}
.results-trophy{background:var(--bronze-soft);border-color:rgba(217,165,74,.4);color:var(--bronze)}
.results-trophy svg{stroke:var(--bronze)}

/* Bilgi kartları */
.card-face{backdrop-filter:none;box-shadow:none;border-radius:16px}
.card-face.card-back{background:#16203f;border-color:rgba(217,165,74,.4)}
.card-question{font-size:clamp(22px,3vw,30px);font-weight:500;line-height:1.3}

/* Sarı fosforlu: hocanın vurguladığı yerler */
.exam-alert{background:rgba(255,216,77,.09);border-color:rgba(255,216,77,.3);border-left-color:#ffd84d;color:#fff1b0!important}

/* Mobil alt menü */
.mobile-nav-item.active,.mobile-nav-item.active svg{color:var(--bronze);stroke:var(--bronze)}
.mobile-nav-item.active::after{background:var(--bronze);box-shadow:none}

@media(max-width:1024px){.stat-card{border-bottom:1px solid var(--border-subtle)}}
@media(max-width:768px){.hero-banner{padding:28px 22px}.hero-banner::after{right:-170px;opacity:.2}.stat-value{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}