/* =====================================================================
   TASARIM TOKEN'LARI
   DESIGN.md'nin makine tarafından okunabilir hali.

   Buradaki değerler dışında hiçbir yerde ham renk/boşluk yazılmaz.
   Bir rengi değiştirmek gerekirse tek yer burasıdır.
   ===================================================================== */

/* ---------------------------------------------------------------------
   GENEL ÖLÇEK KANCASI

   Tüm yazı boyutları rem cinsindendir; buradaki tek değer bütün
   siteyi orantılı olarak büyütür veya küçültür.

     100%    → gövde 15px  (şu anki)
      93.75% → gövde 14px
      87.5%  → gövde 13px

   Boşluklar da rem tabanlı olduğu için onlar da birlikte ölçeklenir;
   düzen bozulmaz.
   --------------------------------------------------------------------- */
html { font-size: 100%; }

:root {
  /* -------------------------------------------------------------------
     VURGU — Roketsan yeşili
     accent      : buton zemini, ikon, çizgi, rozet (4.0:1)
     accent-text : link ve küçük metin — okunabilirlik için koyultulmuş (5.7:1)
     ------------------------------------------------------------------- */
  --accent:        #3A913F;
  --accent-text:   #2E7433;
  --accent-soft:   #EAF5EB;
  --accent-hover:  #2E7433;

  /* -------------------------------------------------------------------
     NÖTR TABAN — açık tema
     ------------------------------------------------------------------- */
  --bg:            #FFFFFF;
  --bg-subtle:     #FAFAFA;
  --bg-hover:      #F4F4F5;
  --text:          #18181B;
  --text-muted:    #71717A;
  --text-faint:    #A1A1AA;
  --border:        #E4E4E7;
  --border-strong: #D4D4D8;

  /* -------------------------------------------------------------------
     DURUM
     Kilit turuncusu ve açık yeşili: dosya erişim durumu.
     Renk tek başına bilgi taşımaz — ikon ve metin de vardır.
     ------------------------------------------------------------------- */
  --lock:          #B45309;
  --lock-soft:     #FEF3E2;
  --unlock:        #2E7433;
  --unlock-soft:   #EAF5EB;
  --hidden:        #71717A;
  --hidden-soft:   #F4F4F5;
  --danger:        #B91C1C;
  --danger-soft:   #FEF2F2;
  /* Dolu kırmızı zeminin üstündeki yazı rengi. Koyu temada --danger açık
     bir kırmızıya döndüğü için beyaz yazı okunmaz olur; burada tersine döner. */
  --danger-uzeri:  #FFFFFF;
  --warning:       #B45309;
  --warning-soft:  #FEF3E2;
  --success:       #15803D;
  --success-soft:  #EAF5EB;

  /* -------------------------------------------------------------------
     TİPOGRAFİ
     ------------------------------------------------------------------- */
  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
          "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas,
               "Liberation Mono", monospace;

  --fs-xs:   0.6875rem; /* 11px — rozet, dosya üstverisi */
  --fs-sm:   0.8125rem; /* 13px — yardımcı metin, tarih */
  --fs-base: 0.9375rem; /* 15px — gövde */
  --fs-lg:   1.0625rem; /* 17px — giriş paragrafı */
  --fs-xl:   1.1875rem; /* 19px — h3 */
  --fs-2xl:  1.375rem;  /* 22px — h2 */
  --fs-3xl:  1.75rem;   /* 28px — h1 */
  --fs-4xl:  2.125rem;  /* 34px — isim bloğu */

  --lh-tight: 1.2;
  --lh-snug:  1.35;
  --lh-base:  1.55;
  --lh-loose: 1.65;

  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semi:   600;

  /* -------------------------------------------------------------------
     BOŞLUK — 4px tabanlı. Ara değer uydurulmaz.
     ------------------------------------------------------------------- */
  --sp-1:  0.25rem;   /* 4  */
  --sp-2:  0.5rem;    /* 8  */
  --sp-3:  0.75rem;   /* 12 */
  --sp-4:  1rem;      /* 16 */
  --sp-5:  1.25rem;   /* 20 */
  --sp-6:  1.5rem;    /* 24 */
  --sp-8:  2rem;      /* 32 */
  --sp-10: 2.5rem;    /* 40 */
  --sp-12: 3rem;      /* 48 */
  --sp-16: 4rem;      /* 64 */
  --sp-24: 6rem;      /* 96 */

  /* -------------------------------------------------------------------
     KÖŞE
     ------------------------------------------------------------------- */
  --r-sm:   4px;
  --r-md:   6px;
  --r-lg:   8px;
  --r-full: 999px;

  /* -------------------------------------------------------------------
     GÖLGE — minimalist yönde neredeyse kullanılmaz
     ------------------------------------------------------------------- */
  --sh-sm: 0 1px 2px rgb(0 0 0 / 0.05);
  --sh-md: 0 4px 16px rgb(0 0 0 / 0.10);

  /* -------------------------------------------------------------------
     GENİŞLİK
     ------------------------------------------------------------------- */
  --w-text: 680px;   /* okunabilir metin sütunu (belge, otobiyografi) */
  --w-orta: 860px;   /* okuma odaklı sayfa kabı — ana sayfa, belge */
  --w-page: 1100px;  /* genel sayfa kabı — liste, ızgara */
  --w-wide: 1320px;  /* geniş içerik — panel */

  /* -------------------------------------------------------------------
     GEÇİŞ
     ------------------------------------------------------------------- */
  --t-fast: 150ms ease;
  --t-base: 200ms ease;
}

/* =====================================================================
   KOYU TEMA
   Üç durumlu: sistem tercihi → kullanıcı seçimi → kalıcı

   Yalnızca renkler yeniden atanır; boşluk, tipografi ve köşe
   değerleri her iki temada aynıdır.
   ===================================================================== */

@media (prefers-color-scheme: dark) {
  :root:not([data-tema="acik"]) {
    --accent:        #5CBF63;
    --accent-text:   #5CBF63;
    --accent-soft:   #16281A;
    --accent-hover:  #7BD182;

    --bg:            #0F0F10;
    --bg-subtle:     #18181A;
    --bg-hover:      #212124;
    --text:          #EDEDEF;
    --text-muted:    #A1A1AA;
    --text-faint:    #71717A;
    --border:        #27272A;
    --border-strong: #3F3F46;

    --lock:          #F59E0B;
    --lock-soft:     #2A1F0A;
    --unlock:        #5CBF63;
    --unlock-soft:   #16281A;
    --hidden:        #A1A1AA;
    --hidden-soft:   #212124;
    --danger:        #F87171;
    --danger-soft:   #2A1212;
    --danger-uzeri:  #2A1212;
    --warning:       #FBBF24;
    --warning-soft:  #2A1F0A;
    --success:       #4ADE80;
    --success-soft:  #16281A;

    /* Koyu zeminde gölge görünmez — kenarlıkla katmanla */
    --sh-sm: none;
    --sh-md: 0 4px 16px rgb(0 0 0 / 0.5);
  }
}

:root[data-tema="koyu"] {
  --accent:        #5CBF63;
  --accent-text:   #5CBF63;
  --accent-soft:   #16281A;
  --accent-hover:  #7BD182;

  --bg:            #0F0F10;
  --bg-subtle:     #18181A;
  --bg-hover:      #212124;
  --text:          #EDEDEF;
  --text-muted:    #A1A1AA;
  --text-faint:    #71717A;
  --border:        #27272A;
  --border-strong: #3F3F46;

  --lock:          #F59E0B;
  --lock-soft:     #2A1F0A;
  --unlock:        #5CBF63;
  --unlock-soft:   #16281A;
  --hidden:        #A1A1AA;
  --hidden-soft:   #212124;
  --danger:        #F87171;
  --danger-soft:   #2A1212;
  --danger-uzeri:  #2A1212;
  --warning:       #FBBF24;
  --warning-soft:  #2A1F0A;
  --success:       #4ADE80;
  --success-soft:  #16281A;

  --sh-sm: none;
  --sh-md: 0 4px 16px rgb(0 0 0 / 0.5);
}

/* =====================================================================
   INTER — sunucumuzda barınan, Google'a istek gitmez
   Dosyalar assets/fonts/inter/ altına konur.
   Font dosyaları yoksa sistem fontuna düşülür (aşağıdaki --font
   zincirinin ikinci halkası devreye girer).
   ===================================================================== */

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/inter/Inter-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/inter/Inter-Medium.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/inter/Inter-SemiBold.woff2") format("woff2");
}