/* ============================================================
   GOKTURK VIRTUAL — TEMA (tema.css)
   Yon: "ucus plani kagidi" — krem zemin, mumkun oldugunca
   okunakli koyu mürekkep, kokpit tipografisi.
   TEK TEMA. Karanlik mod yoktur.
   ============================================================ */
:root{
  /* --- kagit katmanlari --- */
  --paper:#F3EFE4;          /* ana zemin: OFP kagidi */
  --paper-2:#FBF8F1;        /* kart yuzeyi */
  --paper-3:#EFEADF;        /* girinti / ikincil yuzey */
  --edge:#DCD3BF;           /* kagit kenari */
  --rule:#C9BFA6;           /* cizgi/ayrac */

  /* --- murekkep --- */
  --ink:#141E28;            /* ana metin: neredeyse siyah lacivert */
  --ink-2:#3D4A57;          /* ikincil metin */
  --ink-3:#6E7A85;          /* soluk metin */

  /* --- marka --- */
  --navy:#003C60;           /* kurumsal lacivert (bant/dugme) */
  --navy-ink:#FBF8F1;       /* lacivert uzerindeki metin */
  --teal:#0E6E96;           /* aksan: turkuaz */
  --teal-soft:rgba(14,110,150,.10);
  --red:#C0392F;            /* uyari / bayrak kirmizisi */
  --gold:#B6901F;           /* odul / vurgu */
  --green:#176944;          /* onay */
  --amber:#9A5F09;          /* bekleyen */

  /* eski degisken adlari (geriye uyum) */
  --void:#F3EFE4; --panel:#FBF8F1; --panel2:#F3EFE4;
  --line:rgba(14,110,150,.22); --line2:rgba(20,30,40,.14); --sky:#3D4A57; --dim:#6E7A85;
  --cyan:#0E6E96; --coral:#C0392F; --solid:#003C60; --solid-ink:#FBF8F1;

  /* --- tipografi --- */
  --fd:'Sora',system-ui,sans-serif;                 /* baslik: teknik/modern */
  --fb:'Instrument Sans',system-ui,sans-serif;      /* metin */
  --fm:'JetBrains Mono',ui-monospace,monospace;     /* veri/kokpit */

  --sh:0 1px 0 var(--edge), 0 6px 18px rgba(20,30,40,.06);
  --sh-lift:0 2px 0 var(--edge), 0 14px 32px rgba(20,30,40,.10);
  --r:14px;
}

*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--fb);font-size:15.5px;line-height:1.62;
  -webkit-font-smoothing:antialiased;
  /* kagit dokusu: cok hafif yatay cizgiler */
  background-image:
    repeating-linear-gradient(180deg, rgba(20,30,40,.022) 0 1px, transparent 1px 34px),
    radial-gradient(900px 500px at 88% -8%, rgba(11,122,120,.06), transparent 62%);
}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--fd);font-weight:700;letter-spacing:-.015em;color:var(--ink);margin:0}
h1{font-size:clamp(2.1rem,4.6vw,3.4rem);line-height:1.04;font-weight:800}
h2{font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.12}
h3{font-size:1.12rem}
p{margin:0}
small{color:var(--ink-3)}

/* --- etiket / eyebrow: ucus seridi dili --- */
.eyebrow,.gv-label{
  font-family:var(--fm);font-size:.63rem;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);
}

/* --- kart --- */
.card,.panel{
  background:var(--paper-2);border:1px solid var(--edge);
  border-radius:var(--r);box-shadow:var(--sh);padding:22px;
}

/* --- dugmeler --- */
.btn{
  display:inline-flex;align-items:center;gap:9px;
  font-family:var(--fb);font-weight:600;font-size:.94rem;
  padding:12px 22px;border-radius:11px;border:1px solid transparent;cursor:pointer;
  transition:transform .14s ease, box-shadow .14s ease, background .14s ease;
}
.btn-primary{background:var(--navy);color:var(--navy-ink);box-shadow:var(--sh)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--sh-lift)}
.btn-ghost{background:transparent;border-color:var(--ink);color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:var(--paper-2)}
.btn-teal{background:var(--teal);color:#fff}
.btn-teal:hover{transform:translateY(-1px);box-shadow:var(--sh-lift)}

/* --- tablolar --- */
table{width:100%;border-collapse:collapse}
th{
  font-family:var(--fm);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-3);text-align:left;padding:11px 14px;
  background:var(--paper-3);border-bottom:1px solid var(--edge);
}
td{padding:12px 14px;border-bottom:1px solid var(--edge);font-size:.92rem}
tbody tr:hover td{background:var(--teal-soft)}
tr:last-child td{border-bottom:none}

/* --- form --- */
input,select,textarea{
  font-family:var(--fb);font-size:.92rem;color:var(--ink);
  background:var(--paper-2);border:1px solid var(--edge);border-radius:10px;padding:11px 13px;
  outline:none;transition:border-color .14s, box-shadow .14s;
}
input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}
::placeholder{color:var(--ink-3)}

/* --- durum rozetleri --- */
.badge{font-family:var(--fm);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;
  padding:5px 11px;border-radius:99px;border:1px solid}
.badge.ok{color:var(--green);border-color:rgba(27,110,69,.35);background:rgba(27,110,69,.08)}
.badge.pnd{color:var(--amber);border-color:rgba(154,106,16,.35);background:rgba(154,106,16,.08)}
.badge.rej{color:var(--red);border-color:rgba(192,57,47,.32);background:rgba(192,57,47,.07)}

/* --- veri metni --- */
.mono,.fm{font-family:var(--fm)}
.num{font-family:var(--fd);font-weight:800;font-variant-numeric:tabular-nums}

/* --- erisilebilirlik --- */
:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}

/* --- yazdirma --- */
@media print{ body{background:#fff}.noprint{display:none!important} }

/* ============================================================
   TIPOGRAFI RAFINASYONU (Madde 7)
   Amac: "sablon/yapay zeka" hissini kiran, matbaa disiplininde
   detaylar. Renk veya duzen degistirmez — sadece yazinin
   kalitesini yukseltir.
   ============================================================ */

/* 1) Baslikta optik sikilastirma. Buyuk puntoda genis harf araligi
      ucuz durur; punto buyudukce arayi kapatiyoruz. */
h1,.title,.hero h1{letter-spacing:-.028em;font-feature-settings:"kern" 1,"liga" 1}
h2{letter-spacing:-.022em}
h3,h4{letter-spacing:-.014em}

/* 2) Basliklar dengeli kirilsin — tek kelimelik yetim satir olmasin. */
h1,h2,h3,.title{text-wrap:balance}
p,.lead,.cs{text-wrap:pretty}

/* 3) Govde metninde okuma olcusu — SADECE giris paragraflarinda,
      genel p'ye uygulanmaz (mevcut duzenleri daraltirdi). */
.lead,.sub{max-width:72ch}

/* 4) Rakamlar hizali ve esit genislikte (tablolar, istatistikler,
      sayaclar zipzip oynamasin). */
table,.stat,.num,.v,.cv,.mono,[class*="stat"]{font-variant-numeric:tabular-nums lining-nums}

/* 5) Monospace etiketlerde harf araligi punto ile ters orantili olmali;
      kucuk puntoda acilir, buyukte kapanir. */
.eyebrow,.kicker,.cs,.plabel{font-feature-settings:"kern" 1}

/* 6) Yazi tipi puruzsuzlestirme — koyu zeminde acik yazi kalin gorunur. */
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* 7) Tirnak/kesme isaretleri ve tire hizalamasi */
blockquote{hanging-punctuation:first last}

/* 8) Baglantilarin alt cizgisi harflerin kuyruguna carpmasin */
a{text-underline-offset:.18em;text-decoration-thickness:.08em}
