/* Katman 1: Settings + Tools + Generic + Elements */

/* --- Settings --- */
:root {
  --bordo: #b91c1c;
  --bordo-koyu: #7f1d1d;
  --bordo-acik: #fef2f2;
  --bordo-cizgi: #fecaca;
  --murekkep: #1f1a1a;
  --murekkep-soluk: #5b5252;
  --kagit: #ffffff;
  --cizgi: #e7dcdc;
  --yazi: "Public Sans", "Segoe UI", Arial, sans-serif;
  --olcu: 1.0625rem;
  --satir: 1.65;
  --genislik: 72rem;
  --kenar: 1.25rem;
  --toc-genislik: 15rem;
}

/* --- Generic --- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 4.5rem; }
body { margin: 0; }
img, svg { max-width: 100%; height: auto; }
h1, h2, h3, p, ul, ol, table { margin-top: 0; }

/* --- Elements --- */
body {
  font-family: var(--yazi);
  font-size: var(--olcu);
  line-height: var(--satir);
  color: var(--murekkep);
  background: var(--bordo-acik);
}
h1 { font-size: clamp(1.75rem, 3.5vw, 2.5rem); font-weight: 800; line-height: 1.15; margin-bottom: .5rem; border-bottom: 3px double var(--bordo-cizgi); padding-bottom: .4rem; }
h2 { font-size: 1.45rem; font-weight: 600; margin-top: 2.25rem; margin-bottom: .6rem; border-bottom: 1px solid var(--cizgi); padding-bottom: .25rem; }
h3 { font-size: 1.15rem; font-weight: 600; margin-top: 1.5rem; margin-bottom: .4rem; }
p { margin-bottom: 1rem; }
ul, ol { padding-left: 1.5rem; margin-bottom: 1rem; }
li { margin-bottom: .3rem; }
a { color: var(--bordo); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }
a:hover { color: var(--bordo-koyu); }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, summary:focus-visible { outline: 3px solid var(--bordo); outline-offset: 2px; }
table { width: 100%; border-collapse: collapse; margin-bottom: 1.25rem; font-size: .95rem; }
th, td { text-align: left; padding: .55rem .7rem; border: 1px solid var(--cizgi); vertical-align: top; }
th { background: var(--bordo-acik); font-weight: 600; }
strong { font-weight: 600; }
input, textarea, button { font: inherit; }
details > summary { cursor: pointer; }