/* === TEMEL STİLLER VE DEĞİŞKENLER === */

/* FONT: Romantik (Lora) ve Okunaklı (Poppins) */
@import url("https://fonts.googleapis.com/css2?family=Lora:wght@700&family=Poppins:wght@400;700&display=swap");

:root {
  --bg: #0b0a10;
  --card: #14121b;
  --muted: #b7b4c7;
  --text: #f7f6fb;
  --primary: #a855f7;
  --accent: #f472b6;
  --ring: #ffffff22;

  /* FONT DEĞİŞKENLERİ */
  --font-body: "Poppins", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
    Roboto, "Helvetica Neue", Arial;
  --font-display: "Lora", Georgia, "Times New Roman", serif;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html,
body {
  height: 100%;
}
body {
  margin: 0;
  font-family: var(--font-body);
  color: var(--text);
  background: var(--bg);
  line-height: 1.6;
}

/* === KALP İMLECİ (NÜKLEER ÇÖZÜM) === */

* {
  /* DEĞİŞTİ: Orijinal, düz pembe, stabil çalışan Base64 koduna geri döndük */
  cursor: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZjQ3MmI2IiBkPSJNMTIgMjEuMzVsLTEuNDUtMS4zMkM1LjQgMTUuMzYgMiAxMi4yOCAyIDguNSAyIDUuNDIgNC4yMiAzIDcuNSAzYzEuNzQgMCAzLjQxLjgxIDQuNSAyLjA5QzEzLjA5IDMuODEgMTQuNzYgMyAxNi41IDNjMy4wOCAwIDUuNSAyLjQyIDUuNSA1LjVjMCAzLjc4LTMuNCA2Ljg2LTguNTUgMTEuNTRMMTIgMjEuMzV6Ii8+PC9zdmc+")
      15 15,
    auto !important;
}

input[type="password"],
input[type="text"],
input[type="search"],
textarea {
  cursor: I-beam !important;
}

/* === GENEL TİPOGRAFİ === */
h1,
h2,
h3,
.pill,
.time b,
.track-title,
.gate-card h2,
.modal-card h3,
.tcard h3 {
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: 0.5px;
}
p,
span,
small,
a,
button,
details,
input,
.muted,
.time small,
.tcard time {
  font-family: var(--font-body);
  font-weight: 400;
}
button,
summary,
.pill,
.time small {
  font-weight: 700;
}
h1 {
  margin: 10px 0 6px;
  font-size: clamp(32px, 5vw, 52px);
}
.muted {
  color: var(--muted);
}

/* --- SİNEMATİK SCROLL ÇUBUĞU --- */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.02);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(
    180deg,
    rgba(168, 85, 247, 0.5),
    rgba(244, 114, 182, 0.5)
  );
  border-radius: 10px;
  border: 3px solid var(--bg);
  background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, var(--primary), var(--accent));
  border-width: 2px;
}