/* İÇERİK KAPISI — Tasarım Token'ları (Faz 1, yumuşak tema revizyonu 14 Eki 2026)
   Kaynak: web/index.html içindeki mevcut marka (koyu zemin + turuncu/cyan vurgu korunur,
   ama neon sertliği yumuşatılmıştır).
   Kural: Bütün yeni sayfalar renk/font için SADECE bu değişkenleri kullanır.
   Not: --bg-surface / --btn-gradient gibi değişkenler gradient değer taşır;
   `background:` içinde kullanılır, `background-color:` içinde KULLANILMAZ. */

:root {
  /* Zemin & yüzey (yumuşak lacivert-siyah, düz siyah değil) */
  --bg-base: #0c1120;
  --bg-surface: linear-gradient(180deg, #151d33 0%, #111829 100%);
  --bg-surface-elevated: #1b2542;
  --bg-header: #0d1322;

  /* Çizgi & vurgu (keskin değil, hafif ışıklı) */
  --border-subtle: #26334f;
  --border-soft: #33436a;
  --border-accent: #3b82f6;

  /* Marka renkleri (yumuşatılmış) */
  --color-orange: #f97316;
  --color-orange-soft: #fb923c;
  --color-orange-glow: rgba(249, 115, 22, 0.28);
  --color-cyan: #38bdf8;
  --color-cyan-glow: rgba(56, 189, 248, 0.22);
  --color-green: #34d399;
  --color-purple: #a855f7;

  /* Hazır gradientler */
  --btn-gradient: linear-gradient(135deg, #fb923c 0%, #ea580c 100%);
  --head-gradient: linear-gradient(180deg, rgba(56, 189, 248, 0.09), rgba(56, 189, 248, 0) 90%);
  --line-fade: linear-gradient(90deg, var(--color-orange), rgba(249, 115, 22, 0));

  /* Metin (göz yormayan tonlar) */
  --text-primary: #eef2f8;
  --text-secondary: #a9b4c9;
  --text-muted: #7e8ca3;

  /* Fontlar */
  --font-ui: 'Inter', sans-serif;
  --font-heading: 'Chakra Petch', sans-serif;
  --font-brand: 'Rajdhani', sans-serif;

  /* Ölçüler */
  --content-max: 1280px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 22px;

  /* Gölgeler (yumuşak derinlik) */
  --shadow-panel: 0 14px 34px rgba(2, 6, 18, 0.5);
  --shadow-soft: 0 6px 18px rgba(2, 6, 18, 0.35);
  --shadow-btn: 0 6px 16px rgba(234, 88, 12, 0.35);
}

/* Arka plan görseli: mor oyun evreni (hafif SVG, ek resim indirmez gibi davranır —
   siteyle birlikte yayınlanır, tarayıcıda önbelleğe alınır). Aurara ışıkları + dalgalar + doku. */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: url("../img/forum-bg.svg");
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
}