/* kurtzb.com ana sayfası. Renkler Plutus'la aynı aileden (nötr zemin, nane yeşili vurgu); açık ve koyu tema telefonun
   ayarına göre. Her renk ve ölçü aşağıdaki anahtarlardan gelir. */
:root {
  --zemin: #F4F7F5;
  --kart: #FFFFFF;
  --kart-2: #EDF1EE;
  --yazi: #111513;
  --yazi-2: #3D4843;
  --soluk: #5F6C66;
  --cizgi: #D8DFDA;
  --vurgu: #0B7A43;      /* açık zeminde okunur yeşil */
  --vurgu-cizgi: #9FD3B7;
  --font: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-sabit: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Consolas, monospace;
  --kenar: 20px;
  --kose: 16px;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --zemin: #090B0A;
    --kart: #111513;
    --kart-2: #1A211D;
    --yazi: #F1F4F2;
    --yazi-2: #C9D2CD;
    --soluk: #93A099;
    --cizgi: #232C27;
    --vurgu: #40E890;
    --vurgu-cizgi: #1F5C3D;
    color-scheme: dark;
  }
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--zemin); color: var(--yazi); font-family: var(--font); font-size: 16px; line-height: 1.5; }
main {
  max-width: 560px; min-height: 100dvh; margin: 0 auto; display: flex; flex-direction: column; gap: 28px;
  padding: calc(56px + env(safe-area-inset-top, 0px)) max(var(--kenar), env(safe-area-inset-right, 0px))
    calc(24px + env(safe-area-inset-bottom, 0px)) max(var(--kenar), env(safe-area-inset-left, 0px));
}
h1 { margin: 0; font-family: var(--font-sabit); font-size: 34px; line-height: 1.1; font-weight: 600; letter-spacing: -0.02em; }
a { color: var(--vurgu); }
a:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 3px; border-radius: 4px; }

.uygulamalar { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.satir {
  display: flex; align-items: center; gap: 14px; min-height: 76px; padding: 14px 16px;
  border: 1px solid var(--cizgi); border-radius: var(--kose); background: var(--kart); color: var(--yazi); text-decoration: none;
}
a.satir:hover { border-color: var(--vurgu-cizgi); }
.simge {
  flex: none; width: 44px; height: 44px; border-radius: 12px; background: var(--kart-2); border: 1px solid var(--cizgi);
  display: flex; align-items: center; justify-content: center; color: var(--vurgu);
}
.simge svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.ad { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.ad b { font-size: 16px; font-weight: 600; }
.tanim { font-size: 13px; line-height: 1.4; color: var(--soluk); }
.durum { flex: none; font-size: 12px; font-weight: 500; padding: 4px 10px; border-radius: 999px; border: 1px solid var(--cizgi); color: var(--soluk); }
.acik .durum { color: var(--vurgu); border-color: var(--vurgu-cizgi); }
.ozel .simge, .yakinda .simge { color: var(--soluk); }
.yakinda .ad b { color: var(--yazi-2); }

footer { margin-top: auto; display: flex; flex-direction: column; gap: 12px; }
.iletisim { margin: 0; font-size: 14px; color: var(--yazi-2); }
.alt {
  display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap;
  font-size: 13px; color: var(--soluk); border-top: 1px solid var(--cizgi); padding-top: 12px;
}
.alt a, .iletisim a { display: inline-flex; align-items: center; min-height: 44px; }