/* ═══════════════════════════════════════════════════════════
   BH-COMPAT.CSS — Uyumluluk Katmanı v1.0
   
   Eski sayfa CSS'lerinin (anasayfa.css, hakkimda.css, vb.)
   BH tema sistemiyle çalışması için değişken eşlemeleri.
   
   Sadece bh-theme.css'te BULUNMAYAN değişkenleri tanımlar.
   Mevcut BH değişkenlerini OVERRIDE ETMEZ.
   
   Yükleme sırası: bh-core → bh-theme → bh-compat → bh-components → page.css
   ═══════════════════════════════════════════════════════════ */


/* ── VARSAYILAN TEMA (Siber Neon) ── */
:root,
[data-theme=""],
[data-theme="siber"] {
  /* Eski isim → BH karşılığı */
  --bg: var(--bg1);
  --text: var(--text1);

  /* Hub sayfaları için accent renkler (modül sayfalarında data-module override eder) */
  --accent:  #00d4ff;
  --accent2: #7c3aed;
  --accent3: #10b981;

  /* Yardımcı renkler */
  --warn:   #f59e0b;
  --danger: #ef4444;

  /* Dekoratif */
  --glow: 0 0 40px rgba(0,212,255,.15);
  --r: 14px;
  --r-sm: 8px;

  /* Hero orb'lar */
  --hero-orb1: rgba(0,212,255,.18);
  --hero-orb2: rgba(124,58,237,.14);
  --hero-orb3: rgba(16,185,129,.09);

  /* Grid çizgisi */
  --grid-line: var(--grid);
}


/* ── OBSİDİAN ── */
[data-theme="obsidian"] {
  --bg: var(--bg1);
  --text: var(--text1);
  --accent:  #ff6b35;
  --accent2: #ff9500;
  --accent3: #00d4aa;
  --glow: 0 0 40px rgba(255,107,53,.15);
  --hero-orb1: rgba(255,107,53,.18);
  --hero-orb2: rgba(255,149,0,.13);
  --hero-orb3: rgba(0,212,170,.08);
  --grid-line: var(--grid);
}


/* ── CRİMSON ── */
[data-theme="crimson"] {
  --bg: var(--bg1);
  --text: var(--text1);
  --accent:  #ef4444;
  --accent2: #f97316;
  --accent3: #10b981;
  --glow: 0 0 40px rgba(239,68,68,.15);
  --hero-orb1: rgba(239,68,68,.18);
  --hero-orb2: rgba(249,115,22,.13);
  --hero-orb3: rgba(16,185,129,.08);
  --grid-line: var(--grid);
}


/* ── KREM (Açık) ── */
[data-theme="cream"] {
  --bg: var(--bg1);
  --text: var(--text1);
  --accent:  #d05010;
  --accent2: #e06828;
  --accent3: #10b981;
  --warn: #f59e0b;
  --danger: #ef4444;
  --glow: 0 0 40px rgba(208,80,16,.10);
  --hero-orb1: rgba(208,80,16,.10);
  --hero-orb2: rgba(224,104,40,.08);
  --hero-orb3: rgba(16,185,129,.05);
  --grid-line: var(--grid);
}


/* ── KURUMSAL (Corporate Açık) ── */
[data-theme="corporate"] {
  --bg: var(--bg1);
  --text: var(--text1);
  --accent:  #2563eb;
  --accent2: #7c3aed;
  --accent3: #059669;
  --warn: #d97706;
  --danger: #ef4444;
  --glow: 0 0 40px rgba(37,99,235,.12);
  --hero-orb1: rgba(37,99,235,.10);
  --hero-orb2: rgba(124,58,237,.08);
  --hero-orb3: rgba(5,150,105,.05);
  --grid-line: var(--grid);
}


/* ═══════════════════════════════════════════════════════════
   BUTON STİLLERİ — Hub sayfaları için
   (Modül sayfalarında bh-theme.css üzerinden primary/secondary kullanılır)
   ═══════════════════════════════════════════════════════════ */

/* Ana CTA butonları */
.hero-cta {
  display: inline-flex; align-items: center; gap: .6rem;
  background: linear-gradient(135deg, var(--accent), var(--accent2));
  color: #fff;
  padding: clamp(.6rem,1vw,1.1rem) clamp(1.2rem,2vw,2.5rem);
  border-radius: 12px;
  font-weight: 700; font-size: clamp(.82rem,1vw,1.05rem);
  border: none; cursor: pointer; text-decoration: none;
  font-family: 'Sora', sans-serif;
  box-shadow: 0 6px 30px rgba(0,212,255,.35);
  letter-spacing: -.01em;
  transition: all .3s;
}
.hero-cta:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 40px rgba(0,212,255,.5);
  color: #fff;
}

.hero-cta-outline {
  display: inline-flex; align-items: center; gap: .6rem;
  background: rgba(255,255,255,.04);
  color: var(--text);
  padding: clamp(.6rem,1vw,1.1rem) clamp(1rem,1.8vw,2.2rem);
  border-radius: 12px;
  font-weight: 600; font-size: clamp(.82rem,1vw,1.05rem);
  cursor: pointer; border: 1px solid rgba(255,255,255,.15);
  text-decoration: none; font-family: 'Sora', sans-serif;
  backdrop-filter: blur(8px); letter-spacing: -.01em;
  transition: all .3s;
}
.hero-cta-outline:hover {
  border-color: var(--accent);
  color: var(--accent);
  background: rgba(0,212,255,.08);
  box-shadow: 0 4px 20px rgba(0,212,255,.15);
}

/* Tema-özel buton override'ları */
[data-theme="obsidian"] .hero-cta {
  background: linear-gradient(135deg, #ff6b35, #ff9500);
  box-shadow: 0 6px 30px rgba(255,107,53,.35);
}
[data-theme="crimson"] .hero-cta {
  background: linear-gradient(135deg, #ef4444, #f97316);
  box-shadow: 0 6px 30px rgba(239,68,68,.35);
}
[data-theme="cream"] .hero-cta,
[data-theme="corporate"] .hero-cta {
  background: linear-gradient(135deg, var(--accent), var(--accent2));
  box-shadow: 0 6px 30px rgba(37,99,235,.35);
}
[data-theme="cream"] .hero-cta-outline,
[data-theme="corporate"] .hero-cta-outline {
  border-color: rgba(37,99,235,.3);
  color: var(--accent);
  background: rgba(37,99,235,.06);
}
[data-theme="cream"] .hero-cta-outline:hover,
[data-theme="corporate"] .hero-cta-outline:hover {
  border-color: var(--accent);
  background: rgba(37,99,235,.12);
}

/* btn-primary (header kayıt butonu vb.) */
header .btn-primary {
  display: inline-flex; align-items: center; gap: .55rem;
  padding: .5rem 1.2rem; border-radius: 9px;
  font-weight: 700; font-size: clamp(.72rem,.82vw,.92rem);
  cursor: pointer; border: none; text-decoration: none;
  background: linear-gradient(135deg, var(--accent), var(--accent2));
  color: #fff;
  box-shadow: 0 4px 22px rgba(0,212,255,.25);
  font-family: 'Sora', sans-serif;
  transition: transform .18s, box-shadow .18s;
  white-space: nowrap;
}
header .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 28px rgba(0,212,255,.4);
}

/* Açık tema header buton */
[data-theme="cream"] header .btn-primary,
[data-theme="corporate"] header .btn-primary {
  background: linear-gradient(135deg, var(--accent), var(--accent2));
  box-shadow: 0 4px 22px rgba(37,99,235,.25);
}