/* ==========================================================================
   ULUTECH — Tema Token'ları (TEK RENK KAYNAĞI, CLAUDE.md §2)
   Tüm renkler burada tanımlanır; diğer dosyalarda ham hex YASAK.
   Onaylı palet dışına çıkılmaz. Zemin gradient uçları §2'nin
   "kendi koyu/açık tonuna gradient" hükmü gereği aynı renk ailesinden
   türetilmiş tonlardır.
   ========================================================================== */

/* -------------------- AÇIK TEMA (varsayılan) -------------------- */
:root {
  color-scheme: light;

  /* Zemin: #f3f0fd → kendi koyu tonu (düz renk değil) */
  --bg-base: #f3f0fd;
  --bg-deep: #e3daf8;               /* §2: --bg-base'in koyu tonu (gradient ucu) */
  --bg-gradient: linear-gradient(175deg, var(--bg-base) 0%, var(--bg-deep) 100%);

  /* Atmosfer katmanları (onaylı renklerin saydam türevleri) */
  --glow-a: rgba(122, 98, 238, 0.16);   /* #7a62ee */
  --glow-b: rgba(155, 140, 240, 0.20);  /* #9b8cf0 */
  --dotgrid: rgba(61, 42, 158, 0.10);   /* #3d2a9e */

  /* Metin */
  --text-body: #2b2960;
  --text-heading: #2b2960;
  --text-muted: rgba(43, 41, 96, 0.72);     /* #2b2960 saydam */

  /* Vurgu / link */
  --accent-primary: #3d2a9e;
  --link: #7a62ee;
  --accent-soft: #9b8cf0;

  /* Hero başlık: mor-skala gradient — ALTIN YOK (bu temada tanımı bile yok) */
  --hero-title-gradient: linear-gradient(120deg, #3d2a9e 0%, #7a62ee 55%, #9b8cf0 100%);

  /* Adım numarası vurgusu (açık temada mor aksan) */
  --num-accent: #9b8cf0;

  /* Premium/Pro vurgusu (açık temada mor; koyu temada altın) */
  --premium-accent: #7a62ee;
  --premium-badge-text: #f3f0fd;

  /* CTA */
  --cta-gradient: linear-gradient(120deg, #3d2a9e 0%, #7a62ee 100%);
  --cta-text: #f3f0fd;
  --cta-shadow: rgba(61, 42, 158, 0.35);

  /* Yüzeyler / kenarlıklar */
  --surface-header: rgba(243, 240, 253, 0.78);   /* #f3f0fd saydam */
  --surface-chip: rgba(243, 240, 253, 0.65);
  --surface-modal: #f3f0fd;                      /* opak modal kartı (--bg-base değeri) */
  /* Yasal "kâğıt" yüzeyi: Termly gövdesi kendi gri/Arial stiliyle gelir; okunabilirlik
     için iki temada da açık kalır (koyu temada override edilmez — bilinçli) */
  --surface-legal: #f3f0fd;
  /* Yasal metin rengi: kâğıt gibi iki temada sabit koyu (açık kart üstünde; onaylı
     açık-tema gövde rengi #2b2960) — koyu temada override edilmez */
  --legal-text: #2b2960;
  --overlay-backdrop: rgba(43, 41, 96, 0.45);    /* #2b2960 saydam türevi */
  --cta-shine: rgba(243, 240, 253, 0.55);        /* shine şeridi (#f3f0fd türevi, beyazımsı) */
  --border-subtle: rgba(61, 42, 158, 0.14);
  --border-strong: rgba(61, 42, 158, 0.28);

  /* Gölge / odak */
  --shadow-soft: 0 2px 12px rgba(43, 41, 96, 0.08);
  --shadow-lift: 0 12px 32px rgba(61, 42, 158, 0.18);
  --focus-ring: #7a62ee;

  /* Tipografi */
  --font-display: 'Sora', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Inter', 'Segoe UI', system-ui, sans-serif;

  /* Düzen: çapa atlamalarında sticky header payı (tema-bağımsız) */
  --anchor-offset: 7rem;
}

/* -------------------- KOYU TEMA (toggle) -------------------- */
:root[data-theme='dark'] {
  color-scheme: dark;

  /* Zemin: C stili "serpiştirilmiş ışık" — koyu taban üstünde farklı konumlarda
     üç radial leke (mor-eğilimli koyu palet; mavi hakimiyeti istenmiyor) */
  --bg-base: #080515;               /* en koyu taban */
  --bg-deep: #110b2e;               /* orta ton (leke karışım ucu) */
  --bg-accent-glow: #23175e;        /* en açık leke — ham hex kurallara kaçmasın diye token */
  --bg-gradient:
    radial-gradient(60% 55% at 20% 20%, color-mix(in srgb, var(--bg-accent-glow) 75%, transparent) 0%, transparent 60%),
    radial-gradient(50% 50% at 80% 75%, color-mix(in srgb, var(--bg-accent-glow) 60%, transparent) 0%, transparent 55%),
    radial-gradient(45% 45% at 90% 15%, color-mix(in srgb, var(--bg-deep) 50%, transparent) 0%, transparent 50%),
    var(--bg-base);

  --glow-a: rgba(122, 98, 238, 0.22);
  --glow-b: rgba(61, 42, 158, 0.35);
  --dotgrid: rgba(155, 140, 240, 0.12);

  /* Metin: açık-mor skala; başlık beyaz */
  --text-body: #e9e4fb;
  --text-heading: #ffffff;
  --text-muted: rgba(230, 226, 244, 0.75);  /* #e6e2f4 saydam */

  --accent-primary: #9b8cf0;
  --link: #7a62ee;
  --accent-soft: #9b8cf0;

  /* ALTIN #E3B730 — YALNIZ koyu temada, yalnız izinli yerlerde:
     (1) hero başlık gradient'i, (2) CTA — bu fazda mevcut ikisi. */
  --gold: #e3b730;

  /* Hero başlık: altın → açık mor → beyaz */
  --hero-title-gradient: linear-gradient(120deg, var(--gold) 0%, #9b8cf0 52%, #ffffff 100%);

  /* Adım numarası vurgusu — koyu temada altın (kullanıcı onaylı kilit-vurgu kullanımı) */
  --num-accent: var(--gold);

  /* Premium/Pro vurgusu — altın (§2: koyu temada izinli 4 yerden biri: premium rozet) */
  --premium-accent: var(--gold);
  --premium-badge-text: #080515;                 /* altın rozet üstünde koyu yazı (yeni taban) */

  /* CTA: altın-ağırlıklı gradient, koyu metin */
  --cta-gradient: linear-gradient(120deg, var(--gold) 0%, var(--gold) 60%, #9b8cf0 140%);
  --cta-text: #080515;                           /* altın CTA üstünde koyu yazı (yeni taban) */
  --cta-shadow: rgba(227, 183, 48, 0.30);

  /* Yüzeyler: yeni "serpiştirilmiş ışık" paletinin türevleri (taban rgb 8,5,21) */
  --surface-header: rgba(8, 5, 21, 0.72);
  --surface-chip: rgba(24, 16, 64, 0.55);        /* #181040 türevi — kart tabandan hafif ayrışır */
  --surface-modal: #181040;                      /* opak modal kartı (kartlarla aynı ton) */
  --overlay-backdrop: rgba(8, 5, 21, 0.65);      /* yeni taban saydam türevi */
  --cta-shine: rgba(255, 255, 255, 0.40);        /* shine şeridi (beyaz türevi; altın CTA üstünde altın-beyaz) */
  --border-subtle: rgba(155, 140, 240, 0.20);
  --border-strong: rgba(155, 140, 240, 0.38);

  --shadow-soft: 0 2px 12px rgba(8, 5, 21, 0.45);
  --shadow-lift: 0 12px 32px rgba(8, 5, 21, 0.60);
  --focus-ring: #9b8cf0;
}