/* ================= YAZI TİPİ — yerel değişken font (üçüncü taraf isteği YOK) */
@font-face{font-family:Inter;src:url("assets/font/Inter-var.woff2")format("woff2");
  font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:Lora;src:url("assets/font/Lora-var.woff2")format("woff2");
  font-weight:400 700;font-style:normal;font-display:swap}


/* ================= BELİRTEÇLER ================= */
:root{
  /* açık yüzey: krem zemin, antrasit metin, kırmızı vurgu — başka renk yok */
  --bg:#faf8f3; --paper:#f4f1ea; --band:#ece8df;
  --navy:#1c1f24; --ink:#33383f; --red:#c8102e; --slate:#5a5f67;
  --line:rgba(28,31,36,.14); --line-mid:rgba(28,31,36,.32); --track:#dedad0;
  --mark:#555c66; --alert:#c8102e; --good:#1c1f24;
  /* koyu kayıt — antrasit; tema ne olsa da koyu kalır */
  --deep:#1c1f24; --deep2:#25292f; --deep3:#2e333a; --deep-fg:#f4f1ea; --deep-fg2:#b9bfc8; --deep-acc:#ff6751; --deep-mark:#d81e37; --deep-hair:rgba(244,241,234,.14); --deep-track:#343941;
  /* ⛔ sekiz basamak kapıyı geçemez (§21.4-T1 ≤6). Set SİLİNMEDİ, altı basamağa
     BAĞLANDI: mevcut var(--tN) çağrıları on-scale'e düşer, hiçbir çağrı yeri kırılmaz.
     Tanım tek kaynakta: tema_apple.py ORTAK_TIPO. */
  --t1:var(--p1); --t2:var(--p1); --t3:var(--p2); --t4:var(--p2);
  --t5:var(--p3); --t6:var(--p4); --t7:var(--p5); --t8:var(--p6);

  /* dolgu üstü (kırmızı/antrasit dolgunun üstündeki yazı) ve yüzeyden bağımsız marka kırmızısı.
     Yeni RENK değil — §2-2/§5.1'de zaten var olan iki değere ad verilir ki bileşen hex yazmasın. */
  --dolgu-ustu:#ffffff; --red-marka:#c8102e;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:80px; --s9:120px;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#15181c; --paper:#1c1f24; --band:#22262c;
    --navy:#f4f1ea; --ink:#c9ced6; --red:#ff6b7a; --slate:#98a0aa;
    --line:rgba(244,241,234,.13); --line-mid:rgba(244,241,234,.3); --track:#2c3138;
    --mark:#c9cdd3; --alert:#ff6751; --good:#f4f1ea;
    --deep:#0f1113; --deep2:#181b1f; --deep3:#22262b; --dolgu-ustu:#1c1f24;
  }
}
:root[data-theme="dark"]{
  --bg:#15181c; --paper:#1c1f24; --band:#22262c;
  --navy:#f4f1ea; --ink:#c9ced6; --red:#ff6b7a; --slate:#98a0aa;
  --line:rgba(244,241,234,.13); --line-mid:rgba(244,241,234,.3); --track:#2c3138;
  --mark:#c9cdd3; --alert:#ff6751; --good:#f4f1ea;
  --deep:#0f1113; --deep2:#181b1f; --deep3:#22262b; --dolgu-ustu:#1c1f24;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,"system-ui","Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;font-size:var(--t3);line-height:1.6;padding-inline:0}
h1,h2,h3,h4{font-family:Lora,Georgia,"Times New Roman",serif;font-weight:500;color:var(--navy);text-wrap:balance;margin:0;line-height:1.12;letter-spacing:-.005em}
p{margin:0}
.wrap{max-width:1160px;margin:0 auto;padding-inline:28px}
.em{color:var(--red)}
.serif{font-family:Lora,Georgia,serif}


/* ── yüzey tanımı (bileşen değil): .dark yüzey tanımı ── */
.dark{
  background:var(--deep);color:var(--deep-fg2);
  --navy:var(--deep-fg); --ink:var(--deep-fg2); --slate:#a4abb4;
  --bg:var(--deep2); --paper:var(--deep2); --band:var(--deep3);
  --line:var(--deep-hair); --line-mid:rgba(244,241,234,.32); --track:var(--deep-track);
  --red:var(--deep-acc); --alert:var(--deep-acc); --mark:var(--deep-mark); --good:var(--deep-fg); --dolgu-ustu:#1c1f24;
}

/* ── yüzey tanımı (bileşen değil): @media print yüzeyi ── */
@media print{
  .perde,#prog,#toast,.ex .lnk,.opt,.preset,#reset,.inp{display:none!important}
  body{background:#fff;color:#111}
  .dark{background:#fff!important;color:#111!important;--navy:#111;--ink:#222;--slate:#555;--bg:#fff;--paper:#fff;--band:#f2f2f2;--line:#ccc;--line-mid:#999;--red:#c8102e;--alert:#c8102e;--mark:#555c66;--track:#e5e5e5}
  section{padding-block:28px;break-inside:avoid-page;border-bottom:1px solid #ddd}
  .rv{transform:none}.draw{stroke-dashoffset:0}.pop{transform:none;opacity:1}
  .fn-pop{display:none!important}
  .ex::after{content:" — akkopar.com/ai-masasi";color:#777;font-weight:400;letter-spacing:0;text-transform:none}
}