/*
 * base.css — reset, tipografi tabanı, arka plan katmanı, scrollbar, yardımcılar
 * Created by: Maki
 * Developed by: Maki
 * Created: 2026-06-23
 */

* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }
body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-sans);
  font-size: var(--text-md);
  line-height: var(--leading-normal);
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* [BG] Mythmaker arka planı — mythmk.jpg üzerinde koyu şarap/charcoal veil.
   Panelde ince doku olarak durur; üst-sağda hafif kor ışıması bırakır. */
#bg {
  position: fixed; inset: 0; z-index: 0;
  background: url('/admin/assets/mythmk.jpg') center / cover no-repeat;
  transform: translateZ(0);
}
#bg::after {
  content: ''; position: absolute; inset: 0;
  background:
    radial-gradient(1200px 720px at 86% -12%, rgba(214, 59, 54, .14), transparent 56%),
    radial-gradient(900px 600px at 8% 110%, rgba(79, 209, 192, .06), transparent 60%),
    linear-gradient(150deg, rgba(16, 9, 11, .93) 0%, rgba(16, 9, 11, .95) 45%, rgba(11, 6, 8, .975) 100%);
}

/* ============================================================ scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: rgba(214, 59, 54, .24);
  border-radius: var(--r-pill);
  border: 2px solid rgba(16, 9, 11, .9);
}
::-webkit-scrollbar-thumb:hover { background: rgba(214, 59, 54, .42); }
* { scrollbar-color: rgba(214, 59, 54, .3) transparent; }

/* ============================================================ ortak yardımcılar */
.topbar-glow { height: 4px; background: var(--bar-grad); }
@keyframes rise   { from { opacity: 0; transform: translateY(16px) scale(.98); } }
@keyframes fadein { from { opacity: 0; transform: translateY(8px); } }