/* ortak.css — Poli tasarim belirteçleri. Markanizi degistirmek icin burayi duzenleyin. */
:root {
  --bg: #f3f5f7;
  --surface: #ffffff;
  --rail: #eaeef1;
  --fg: #0f181f;
  --muted: #5c6b77;
  --faint: #8a98a3;
  --line: #d9e0e6;
  --accent: #0f6c78;
  --accent-ink: #ffffff;
  --accent-soft: #dfeef0;
  --iyi: #1d7a4f;
  --uyari: #a0641c;
  --kotu: #a8322c;
  --f-ui: "Public Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --f-data: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0b1116; --surface: #131b22; --rail: #0e161b; --fg: #e4ebf0;
    --muted: #8d9ca8; --faint: #6b7a86; --line: #1f2b33;
    --accent: #48b9c5; --accent-ink: #04161a; --accent-soft: #10292d;
    --iyi: #4bbd86; --uyari: #d2993f; --kotu: #e0736c;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #0b1116; --surface: #131b22; --rail: #0e161b; --fg: #e4ebf0;
  --muted: #8d9ca8; --faint: #6b7a86; --line: #1f2b33;
  --accent: #48b9c5; --accent-ink: #04161a; --accent-soft: #10292d;
  --iyi: #4bbd86; --uyari: #d2993f; --kotu: #e0736c;
  color-scheme: dark;
}

* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0; background: var(--bg); color: var(--fg);
  font-family: var(--f-ui); font-size: 16px; line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; }
[hidden] { display: none !important; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 5px; }
h1, h2, h3 { margin: 0; font-weight: 700; letter-spacing: -0.025em; line-height: 1.2; text-wrap: balance; }
p { margin: 0; }
button, input, select, textarea { font-family: inherit; }

.marka { display: flex; align-items: center; gap: 9px; font-weight: 700; font-size: 17px; letter-spacing: -0.03em; }
.marka .m { width: 27px; height: 27px; border-radius: 7px; background: var(--accent); display: grid; place-items: center; flex: none; }
.marka .m svg { width: 15px; height: 15px; }