/* Reset ve genel tipografi */
* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;
  background: var(--color-bg);
  color: var(--color-text);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, p {
  margin: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

button {
  font-family: inherit;
  cursor: pointer;
  color: inherit; /* tarayıcı varsayılanı buton metnini miras almaz, bu da dark mode'da sabit siyah görünüme sebep olur */
}

input, select, textarea {
  font-family: inherit;
  font-size: 14px;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  background: var(--color-scrollbar-thumb);
  border-radius: 10px;
}

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

/* Ortak yardımcı sınıflar */
.text-muted {
  color: var(--color-text-muted);
}

.hidden {
  display: none !important;
}

.scrollable {
  overflow-y: auto;
}