/* Lastward — ortak stil.
   Renkler oyunun kendi paletinden (Lastward/Lastward/UIStyle.swift):
   bone #f7e3b4 · boneDim #b79a63 · gold #ffd97a · goldDeep #e0a020
   stone #6b5230 · panelBottom #160f09
   Fontlar oyunun kendi fontlari (OFL): Grenze Gotisch + Rubik. */

@font-face {
  font-family: "Grenze Gotisch";
  src: url("assets/fonts/GrenzeGotisch-Bold.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Rubik";
  src: url("assets/fonts/Rubik-Regular.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Rubik";
  src: url("assets/fonts/Rubik-SemiBold.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}

:root {
  --bg:#0c0a07;
  --ink:#f2e2ba;      /* baslik / kemik */
  --body:#cbbb98;     /* govde metni */
  --muted:#8d7d5d;    /* ikincil */
  --gold:#d9b25f;     /* vurgu — az kullanilir */
  --goldBright:#ffd97a;
  --rule:#2a2118;     /* ince cizgi */
  --ruleSoft:#1c150e;
}

* { margin:0; padding:0; box-sizing:border-box; }

body {
  background:var(--bg);
  color:var(--body);
  font-family:"Rubik",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:16px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}

.wrap { max-width:680px; margin:0 auto; padding:56px 24px 72px; }

h1 {
  font-family:"Grenze Gotisch",Georgia,serif;
  font-weight:700;
  color:var(--ink);
  font-size:2.4rem;
  line-height:1.15;
  letter-spacing:.03em;
}

/* Not: gosterim fontu (Grenze Gotisch) SADECE h1 ve logoda.
   Uzun cumlelerde kirik yazi okunmuyor -> ara basliklar Rubik. */
h2 {
  font-weight:600;
  color:var(--ink);
  font-size:1.05rem;
  line-height:1.45;
  letter-spacing:.01em;
  margin:30px 0 6px;
}

p, li { margin-bottom:12px; }
ul { padding-left:20px; }
li::marker { color:var(--muted); }

a { color:var(--gold); text-decoration:none; border-bottom:1px solid rgba(217,178,95,.3); }
a:hover { color:var(--goldBright); border-bottom-color:var(--goldBright); }

nav { font-size:.9rem; margin-bottom:32px; color:var(--muted); }
nav a { color:var(--muted); border-bottom-color:var(--ruleSoft); }
nav a:hover { color:var(--ink); border-bottom-color:var(--rule); }

.meta { color:var(--muted); font-size:.92rem; margin-bottom:8px; }

/* Kutu yok: soldan ince cizgi + bosluk. */
.aside {
  border-left:1px solid var(--rule);
  padding:2px 0 2px 20px;
  margin:24px 0;
  color:var(--muted);
  font-size:.95rem;
}
.aside strong { color:var(--body); font-weight:600; }
.aside p:last-child { margin-bottom:0; }

footer {
  margin-top:64px;
  padding-top:20px;
  border-top:1px solid var(--ruleSoft);
  color:var(--muted);
  font-size:.82rem;
  letter-spacing:.02em;
}