/* ═══════════════════════════════════════════════════════════
   ROTA-COMPAT.CSS — Uyumluluk Katmanı v1.0
   
   Eski sayfa CSS'lerinin (anasayfa.css, hakkimda.css, vb.)
   Rota tema sistemiyle çalışması için değişken eşlemeleri.

   Tek bilinçli istisna --accent'tir: koyu temada bu dosyadaki tek tip
   hub vurgusu (#00d4ff) tüm bölümlerde geçerlidir (rota-theme.css'te koyu
   bölüm --accent'i yoktur). Açık temada --accent rota-theme.css'teki
   corporate bölüm bloğundan gelir; burada tanımlanmaz. (25 Eylül 2026)

   Yükleme sırası: rota-core → rota-theme → rota-compat → rota-components → page.css
   ═══════════════════════════════════════════════════════════ */

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

  /* Tek tip vurgu: koyu temada TÜM bölümler bunu kullanır (bkz. başlık notu) */
  --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);
}

/* ── KURUMSAL (Corporate Açık) ── */
[data-theme="corporate"] {
  --bg: var(--bg1);
  --text: var(--text1);
  --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 rota-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="corporate"] .hero-cta {
  background: linear-gradient(135deg, var(--accent), var(--accent2));
  box-shadow: 0 6px 30px rgba(37,99,235,.35);
}

[data-theme="corporate"] .hero-cta-outline {
  border-color: rgba(37,99,235,.3);
  color: color-mix(in srgb, var(--accent) 75%, var(--text1));
  background: rgba(37,99,235,.06);
}

[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="corporate"] header .btn-primary {
  background: linear-gradient(135deg, var(--accent), var(--accent2));
  box-shadow: 0 4px 22px rgba(37,99,235,.25);
}

/* Koyu tema CTA okunurluğu (25 Eylül 2026): .hero-cta parlak camgöbeği uçta beyaz
   yazı 1.77'ye düşüyordu. .btn-primary desenindeki gibi degrade uçları %50
   siyahla karışır; açık temadaki mavi görünüm değişmez. background-size ve
   animasyon korunsun diye yalnız background-image ezilir. */
[data-theme="siber"] .hero-cta,
[data-theme=""] .hero-cta {
  background-image: linear-gradient(135deg,
    color-mix(in srgb, var(--accent) 50%, black),
    color-mix(in srgb, var(--accent2) 50%, black));
}