/**
 * ============================================================================
 * [MODÜL: BASE STYLES — Global Temeller]
 * Youthside ATS — Profile UI
 * ============================================================================
 * Amaç: Body background, scrollbar, genel font ayarları gibi tüm sayfalarda
 *        ortak kullanılacak temel stilleri içerir.
 *
 * Mimar Notu (Ferhat Cengiz):
 *   Bu dosya sadece "element-level" stiller içerir (class yok).
 *   Ambalajsız bir sayfanın bile düzgün görünmesini garanti eder.
 *   İleride eklenecek tüm sayfalar bu temeli kalıtır.
 *
 * DRY Notu: Body background gradient burada tek yerde tanımlı.
 * ============================================================================
 */

/* ── Body — Arka Plan & Genel Ayarlar ──────────────────────── */
body {
  background-color: var(--color-bg-light);
  background-image:
    radial-gradient(
      circle at 10% 20%,
      rgba(240, 76, 17, 0.03) 0%,
      transparent 20%
    ),
    radial-gradient(
      circle at 90% 80%,
      rgba(59, 130, 246, 0.03) 0%,
      transparent 20%
    );
  font-family: var(--font-family-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ── Scrollbar Stilleri (Webkit) ───────────────────────────── */
/* Neden: Varsayılan kalın scrollbar premium hissi bozar */
.sidebar-scroll::-webkit-scrollbar,
.custom-scroll::-webkit-scrollbar {
  width: 4px;
}

.sidebar-scroll::-webkit-scrollbar-track,
.custom-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.sidebar-scroll::-webkit-scrollbar-thumb,
.custom-scroll::-webkit-scrollbar-thumb {
  background-color: #e5e7eb;
  border-radius: 20px;
}

/* ── No Scrollbar Utility ──────────────────────────────────── */
/* Neden: Yatay tab bar'larda scrollbar göstermeden kaydırma */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* ── Selection Color ───────────────────────────────────────── */
::selection {
  background-color: var(--color-primary-100);
  color: var(--color-primary-900);
}