/* ============ Ekstrematik — Temel tasarım tokenları, reset, tipografi ============ */

:root{
  /* Dijital Defter paleti */
  --paper:#F3F1EA;
  --paper-line:#E4E0D3;
  --card:#FFFFFF;
  --ink:#16241F;
  --ink-soft:#4B5A54;
  --ink-faint:#8B958E;
  --navy:#1E3A3A;
  --green:#1F6F54;
  --green-bg:#E3F0EA;
  --green-line:#B7D9C8;

  /* Durum renkleri — SADECE veri kodlaması için (sonuç tablosu/özet), UI süslemesi için kullanılmaz */
  --amber:#A8710E;
  --amber-bg:#FBEDD8;
  --amber-line:#EFCE9C;
  --blue:#1F5C8A;
  --blue-bg:#E4EEF6;
  --blue-line:#B7D3E7;
  --red:#A6362B;
  --red-bg:#FBE8E5;
  --red-line:#EBBBB2;
  --purple:#5B4B8A;
  --purple-bg:#ECE9F5;
  --purple-line:#C9C0E3;

  --border:#DAD5C8;
  --shadow: 0 1px 2px rgba(22,36,31,0.06);
  --radius:10px;
  --font-display:'Roboto Slab', serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'IBM Plex Mono', monospace;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--paper);
  background-image: repeating-linear-gradient(180deg, transparent 0 39px, var(--paper-line) 39px 40px);
  color:var(--ink);
  font-family:var(--font-body);
  line-height:1.55;
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

a{color:var(--green);}

.wrap{max-width:760px;margin:0 auto;padding:0 24px;width:100%;}
.wrap.wide{max-width:1080px;}

main{flex:1 0 auto;}

.btn{
  font-family:var(--font-body);
  font-size:13.5px;
  font-weight:500;
  padding:10px 18px;
  border-radius:8px;
  border:1px solid var(--border);
  background:var(--card);
  color:var(--ink);
  cursor:pointer;
  display:inline-flex;align-items:center;gap:6px;
}
.btn:hover:not(:disabled){border-color:var(--navy);}
.btn:disabled{opacity:.4;cursor:not-allowed;}
.btn.primary{background:var(--navy);color:#fff;border-color:var(--navy);}
.btn.primary:hover:not(:disabled){background:var(--ink);}
.btn.ghost{border-color:transparent;background:transparent;}
.btn.ghost:hover{background:var(--paper);}

@media (max-width:720px){
  .wrap{padding:0 16px;}
}