/* ============================================================
   Tinkon ekip v2 — paylaşılan görsel dil (tek kaynak)
   Tüm araçlar bu dosyaya <link> ile bağlanır:
   <link rel="stylesheet" href="/lib/tokens.css">
   Renk/font değişikliği yalnızca buradan yapılır.
   ============================================================ */

:root{
  /* aksiyon */
  --accent:      #25A4DC;   /* birincil aksiyon, link, aktif durum, ikon + başlık vurgusu */
  --accent-tint: #D6EEFA;   /* açık mavi vurgu / seçili zemin / hover */
  --accent-dark: #0E4763;   /* koyu mavi (üst bar alternatifi) */

  /* yüzeyler */
  --bg:      #FFFFFF;        /* ana zemin / input zemini */
  --surface: #F2F6F9;        /* nötr kart / panel zemini */
  --card:    #FFFFFF;        /* yükseltilmiş kart / modal / sekme zemini (KANONİK — araçlar inline tanımlamasın) */
  --line:    #E4EBEF;        /* ince ayraç / kenar */
  --page:    #F3F7FA;        /* sayfa zemini (guide ile aynı) — launcher + araç gövdeleri */

  /* metin */
  --ink:      #0F1E27;       /* birincil metin */
  --ink-soft: #5A6B75;       /* ikincil metin */

  /* üst bar (near-black) */
  --topbar:    #16242C;
  --topbar-ink:#FFFFFF;

  /* durum (ikincil, doygun değil) */
  --ok:   #2E9E6B;
  --warn: #C9892B;
  --err:  #C0504D;

  /* form / yapı */
  --radius:   14px;
  --radius-sm:10px;
  --shadow:   0 1px 2px rgba(15,30,39,.05), 0 6px 20px rgba(15,30,39,.05);
  --shadow-lift:0 2px 6px rgba(15,30,39,.08), 0 14px 32px rgba(15,30,39,.10);

  --font: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* iOS standalone alt-boşluk fix referansı */
  --rail-bg: var(--topbar);
}

[data-theme="dark"]{
  --accent:      #3FB6EC;
  --accent-tint: #13384A;
  --accent-dark: #0A3A52;

  --bg:      #0E171D;
  --surface: #16242C;
  --card:    #1B2B34;
  --line:    #22343E;
  --page:    #0E171D;

  --ink:      #EAF2F6;
  --ink-soft: #9DB0BB;

  --topbar:     #0B1216;
  --topbar-ink: #EAF2F6;

  --ok:   #4FB985;
  --warn: #D8A452;
  --err:  #D9706C;

  --shadow:      0 1px 2px rgba(0,0,0,.4), 0 6px 20px rgba(0,0,0,.35);
  --shadow-lift: 0 2px 6px rgba(0,0,0,.5), 0 14px 32px rgba(0,0,0,.45);
}

/* iskelet sıfırlama — araçların ortak temeli */
*,*::before,*::after{ box-sizing:border-box; }
html,body{
  margin:0; padding:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--font);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{ color:var(--accent); text-decoration:none; }
a:hover{ text-decoration:underline; }
:focus-visible{ outline:2px solid var(--accent); outline-offset:2px; border-radius:6px; }

@media (prefers-reduced-motion: reduce){
  *{ animation-duration:.001ms !important; transition-duration:.001ms !important; }
}