/* Garip Erdoğan - Global stil ayarları */
:root {
  color-scheme: light dark;
  --accent: #0ea5e9;
  --bg: #f8fafc;
  --fg: #0f172a;
  --fg-muted: #475569;
  --surface: #ffffff;
  --border: #e2e8f0;
  --shadow-soft: 0 25px 50px -30px rgba(15, 23, 42, 0.25);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

[data-theme="dark"] {
  --bg: #0b1120;
  --fg: #e2e8f0;
  --fg-muted: #94a3b8;
  --surface: #111827;
  --border: #1e293b;
  --shadow-soft: 0 35px 70px -40px rgba(8, 47, 73, 0.6);
}

body {
  background: var(--bg);
  color: var(--fg);
  margin: 0;
  font-size: 1rem;
  line-height: 1.65;
  min-height: 100vh;
}

img {
  max-width: 100%;
  height: auto;
  border-style: none;
}

a {
  color: inherit;
}

a:focus-visible {
  outline: 3px solid rgba(14, 165, 233, 0.45);
  outline-offset: 2px;
}

.visually-hidden,
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  white-space: nowrap;
}

main p {
  margin: 0 0 1rem;
  color: var(--fg-muted);
}

main h1,
main h2,
main h3 {
  color: var(--fg);
  line-height: 1.2;
  letter-spacing: -0.01em;
}

ul,
ol {
  margin: 0;
  padding-left: 1.25rem;
  color: var(--fg);
}

li + li {
  margin-top: 0.35rem;
}


.nav__controls{display:flex;gap:8px;align-items:center;}
.nav__control{border:1px solid var(--border);background:var(--surface);color:var(--fg);border-radius:999px;padding:8px 14px;font-size:0.875rem;cursor:pointer;transition:transform .2s ease;}
.nav__control:focus-visible,.nav__control:hover{transform:translateY(-1px);outline:none;box-shadow:0 0 0 3px rgba(14,165,233,0.35);}
.btn {
  font-family: inherit;
}

.card__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.card__list li + li {
  margin-top: 0.4rem;
}

.projects-grid,
.notes-grid {
  margin-top: 2rem;
}

.note-card__tags span,
.note .note__tags span {
  background: rgba(14, 165, 233, 0.12);
  color: var(--fg);
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.75rem;
}

[data-theme="dark"] .note-card__tags span,
[data-theme="dark"] .note .note__tags span {
  background: rgba(14, 165, 233, 0.26);
}

footer p {
  color: var(--fg-muted);
  margin: 0.2rem 0;
}

footer a {
  color: var(--fg);
  text-decoration: none;
}

footer a:hover,
footer a:focus {
  color: var(--accent);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Minify edilmiş kritik CSS versiyonu
:root{color-scheme:light dark;--accent:#0ea5e9;--bg:#f8fafc;--fg:#0f172a;--fg-muted:#475569;--surface:#fff;--border:#e2e8f0;--shadow-soft:0 25px 50px -30px rgba(15,23,42,.25);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}[data-theme="dark"]{--bg:#0b1120;--fg:#e2e8f0;--fg-muted:#94a3b8;--surface:#111827;--border:#1e293b;--shadow-soft:0 35px 70px -40px rgba(8,47,73,.6)}body{background:var(--bg);color:var(--fg);margin:0;font-size:1rem;line-height:1.65;min-height:100vh}img{max-width:100%;height:auto;border-style:none}a{color:inherit}a:focus-visible{outline:3px solid rgba(14,165,233,.45);outline-offset:2px}.visually-hidden,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;white-space:nowrap}main p{margin:0 0 1rem;color:var(--fg-muted)}main h1,main h2,main h3{color:var(--fg);line-height:1.2;letter-spacing:-.01em}ul,ol{margin:0;padding-left:1.25rem;color:var(--fg)}li+li{margin-top:.35rem}.btn{font-family:inherit}.card__list{list-style:none;padding:0;margin:0}.card__list li+li{margin-top:.4rem}.projects-grid,.notes-grid{margin-top:2rem}.note-card__tags span,.note .note__tags span{background:rgba(14,165,233,.12);color:var(--fg);padding:4px 10px;border-radius:999px;font-size:.75rem}[data-theme="dark"] .note-card__tags span,[data-theme="dark"] .note .note__tags span{background:rgba(14,165,233,.26)}footer p{color:var(--fg-muted);margin:.2rem 0}footer a{color:var(--fg);text-decoration:none}footer a:hover,footer a:focus{color:var(--accent)}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
*/






