/* ---------------------------------------------------------------
   mihracnar.tr — ortak taban
   Ana site ve bütün alt alanlar bu dosyayı kullanır.
   Adres: https://mihracnar.tr/assets/css/base.css
   Buradaki bir değişiklik tüm projelere yansır.
   --------------------------------------------------------------- */

:root{
  /* renk */
  --paper:#E9EAE3;
  --paper-2:#F3F3EE;
  --ink:#1B2A24;
  --muted:#5D6A63;
  --rule:#BCC1B6;
  --red:#9E2B25;

  /* ölçü */
  --sheet:clamp(12px,2.2vw,28px);   /* pafta çerçevesinin kenar payı */
  --gutter:clamp(18px,4vw,64px);    /* içerik iç boşluğu */
  --wrap:1380px;                    /* azami içerik genişliği */

  /* yazı */
  --serif:Fraunces,Georgia,"Times New Roman",serif;
  --sans:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

@media (prefers-color-scheme:dark){
  :root{
    --paper:#121714;
    --paper-2:#181E1A;
    --ink:#DFE4DA;
    --muted:#8D9A91;
    --rule:#2F3A33;
    --red:#C4564C;
  }
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}

body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--sans);
  font-size:clamp(15px,.35vw + 14px,17.5px);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}

/* --- yazı ölçeği --- */
h1{
  font-family:var(--serif);
  font-optical-sizing:auto;
  font-weight:400;
  font-size:clamp(3rem,11vw,9rem);
  line-height:.92;
  letter-spacing:-.02em;
  margin:0 0 1.2rem;
}
h2{
  font-family:var(--serif);
  font-weight:400;
  font-size:1.35rem;
  line-height:1.2;
  margin:0 0 1.1rem;
}
.deck{
  max-width:34ch;
  margin:0;
  font-size:clamp(1.05rem,.5vw + .95rem,1.3rem);
  line-height:1.45;
}
.quiet{color:var(--muted); font-size:.95em}

/* --- pafta çerçevesi --- */
.neatline{
  position:fixed; inset:var(--sheet);
  border:1px solid var(--rule);
  pointer-events:none; z-index:2;
}
.neatline::before,.neatline::after{
  content:""; position:absolute; left:0; right:0; height:6px;
  background-image:repeating-linear-gradient(to right,var(--rule) 0 1px,transparent 1px 40px);
}
.neatline::before{top:0}
.neatline::after{bottom:0; transform:scaleY(-1)}

.coord{
  position:fixed; z-index:3;
  font-size:11px; letter-spacing:.06em; color:var(--muted);
  font-variant-numeric:tabular-nums;
}
.coord--tl{top:calc(var(--sheet) + 10px); left:calc(var(--sheet) + 12px)}
.coord--br{bottom:calc(var(--sheet) + 10px); right:calc(var(--sheet) + 12px)}
@media (max-width:760px){ .coord{display:none} }

/* --- sayfa gövdesi --- */
.wrap{
  position:relative; z-index:1;
  width:100%;
  max-width:var(--wrap);
  margin:0 auto;
  padding:calc(var(--sheet) + 60px) calc(var(--sheet) + var(--gutter)) calc(var(--sheet) + 64px);
}

/* --- bağlantı listesi --- */
.links{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:.5rem 2rem}
.links a{color:var(--ink); text-decoration:none; border-bottom:1px solid var(--red); padding-bottom:1px}
.links a:hover,.links a:focus-visible{color:var(--red)}

/* --- künye --- */
footer{
  margin-top:clamp(2.5rem,5vw,4rem);
  padding-top:1.4rem; border-top:1px solid var(--rule);
  color:var(--muted); font-size:.85em;
  display:flex; flex-wrap:wrap; gap:.3rem 1.6rem; justify-content:space-between;
}
footer a{color:inherit}

a:focus-visible{outline:2px solid var(--red); outline-offset:3px; border-radius:2px}