:root{
  --kagit:#EAE6DD; --kagit-2:#E2DDD2; --murekkep:#17171B; --sessiz:#6E6960;
  --hat:#CFC8BA; --kobalt:#1B32C4; --damga:#BE3420;
  --olcu:68ch;
}
@media (prefers-color-scheme: dark){
  :root:not([data-tema="acik"]){
    --kagit:#131316; --kagit-2:#1B1B1F; --murekkep:#EBE7DE; --sessiz:#8C877D;
    --hat:#2C2C31; --kobalt:#8FA0FF; --damga:#FF7357;
  }
}
:root[data-tema="koyu"]{
  --kagit:#131316; --kagit-2:#1B1B1F; --murekkep:#EBE7DE; --sessiz:#8C877D;
  --hat:#2C2C31; --kobalt:#8FA0FF; --damga:#FF7357;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--kagit); color:var(--murekkep);
  font-family:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;
  font-variation-settings:"wdth" 96,"opsz" 14;
  font-size:17px; line-height:1.55; font-weight:380;
  -webkit-font-smoothing:antialiased;
}
main{max-width:1060px;margin:0 auto;padding:0 20px}
a{color:var(--kobalt);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--kobalt);outline-offset:3px;border-radius:2px}
h1,h2,h3{font-weight:520;letter-spacing:-.025em;line-height:1.05;
  font-variation-settings:"wdth" 88,"opsz" 48}
h1{font-size:clamp(38px,6.2vw,66px)}
h2{font-size:clamp(25px,3vw,33px);margin-top:2.6em}
h3{font-size:21px;font-variation-settings:"wdth" 92,"opsz" 24}
p{max-width:var(--olcu)}
p+p{margin-top:.85em}
.kis{color:var(--sessiz)}
.mono,code,.yol{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.86em;letter-spacing:-.01em}
hr{border:0;border-top:1px solid var(--hat);margin:2.4em 0}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}