/* ==========================================================================
   BASE
   Ham HTML elemanlarının varsayılan görünümü (reset sonrası, bileşenlerden
   önce). Sayfa genelinde geçerli tipografi ve zemin kuralları.
   ========================================================================== */

html {
  font-size: 16px;
}

body {
  font-family: var(--font-sans);
  background-color: var(--color-bg-app);
  color: var(--color-text-primary);
  font-size: var(--fs-base);
  display: flex;
  flex-direction: column;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: var(--fw-extrabold);
  letter-spacing: var(--tracking-tight);
  color: var(--color-text-primary);
  line-height: var(--lh-tight);
}

p {
  color: var(--color-text-secondary);
  line-height: var(--lh-relaxed);
}

a {
  transition: color var(--transition-fast);
}

code {
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
  background: var(--color-bg-surface-alt);
  color: var(--color-brand);
  padding: 0.15rem 0.4rem;
  border-radius: var(--radius-xs);
  font-size: 0.85em;
}

strong, b {
  font-weight: var(--fw-bold);
  color: var(--color-text-primary);
}

/* İnce, lacivert tonlu scrollbar (WebKit) */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: var(--slate-300);
  border-radius: var(--radius-full);
  border: 2px solid var(--color-bg-app);
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--slate-400);
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--slate-300) transparent;
}