/* wmcpv3 ModernTW tasarim sistemi — 4 renk varyanti (CSS custom properties).
   body sinifi ile degisir: tema-altin (varsayilan) | tema-kirmizi | tema-mavi | tema-yesil
   Tailwind renkleri bu degiskenlerden okur (tailwind.config.js). */

:root, .tema-altin {
  --wm-bg: #0d1117;
  --wm-panel: #161b26;
  --wm-panel-2: #1e2634;
  --wm-line: #2b3444;
  --wm-text: #e8edf5;
  --wm-muted: #9aa7bd;
  --wm-vurgu: #d4a24c;      /* altin */
  --wm-vurgu-2: #b4842f;
  --wm-vurgu-ink: #1a1205;  /* vurgu uzerine metin */
  --wm-vurgu-yumusak: rgba(212,162,76,0.14);
  --wm-basari: #3fb950;
  --wm-hata: #f0533f;
  --wm-uyari: #e3a008;
}
.tema-kirmizi {
  --wm-vurgu: #e0453a;
  --wm-vurgu-2: #b62f26;
  --wm-vurgu-ink: #2a0705;
  --wm-vurgu-yumusak: rgba(224,69,58,0.14);
}
.tema-mavi {
  --wm-vurgu: #3d8bfd;
  --wm-vurgu-2: #2f6ecc;
  --wm-vurgu-ink: #04122a;
  --wm-vurgu-yumusak: rgba(61,139,253,0.14);
}
.tema-yesil {
  --wm-vurgu: #35b96a;
  --wm-vurgu-2: #2a9455;
  --wm-vurgu-ink: #04210f;
  --wm-vurgu-yumusak: rgba(53,185,106,0.14);
}

/* On-scroll reveal (Alpine + IntersectionObserver ile tetiklenir) */
[data-reveal] { opacity: 0; transform: translateY(16px); transition: opacity .5s ease, transform .5s ease; }
[data-reveal].gorundu { opacity: 1; transform: none; }

/* Ince kaydirma cubugu */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--wm-bg); }
::-webkit-scrollbar-thumb { background: var(--wm-line); border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: var(--wm-vurgu-2); }