/* =====================================================================
   TASARIM TOKEN'LARI — Kaizen Roket Takımı

   Buradaki değerler dışında hiçbir yerde ham renk, boşluk ya da
   yazı boyutu yazılmaz. Bir rengi değiştirmek gerekirse tek yer burası.

   MARKA MANTIĞI
   Logo tek renk, geometrik ve siyah. Bu yüzden sitenin omurgası da
   siyah–beyaz: düğmeler, başlıklar ve çizgiler nötr. Tek vurgu rengi
   "ateşleme turuncusu" — bağlantılarda, aktif durumlarda ve veri
   vurgularında kullanılır, dekorasyon için değil.

   Logonun geometrik karakteri tipografide, büyük harfli ve geniş
   harf aralıklı küçük etiketlerde (.etiket) yankılanır.
   ===================================================================== */

html { font-size: 100%; }

:root {
  /* -------------------------------------------------------------------
     VURGU — ateşleme turuncusu
     accent      : düğme zemini, ikon, aktif çizgi   (beyaz üstünde 5.2:1)
     accent-text : bağlantı ve küçük metin           (beyaz üstünde 6.9:1)
     ------------------------------------------------------------------- */
  --accent:        #C2410C;
  --accent-text:   #9A3412;
  --accent-soft:   #FFF1E9;
  --accent-hover:  #9A3412;
  --accent-cizgi:  #FBBF9B;

  /* -------------------------------------------------------------------
     MARKA — logonun kendisi. Düğme ve başlık zemini.
     ------------------------------------------------------------------- */
  --marka:         #0A0A0B;
  --marka-hover:   #27272A;
  --marka-uzeri:   #FFFFFF;

  /* -------------------------------------------------------------------
     NÖTR TABAN — açık tema
     ------------------------------------------------------------------- */
  --bg:            #FFFFFF;
  --bg-subtle:     #FAFAFA;
  --bg-hover:      #F4F4F5;
  --bg-ters:       #0A0A0B;   /* koyu bölüm zemini (hero, alt bilgi) */
  --text:          #18181B;
  --text-muted:    #71717A;
  --text-faint:    #A1A1AA;
  --text-ters:     #FAFAFA;
  --border:        #E4E4E7;
  --border-strong: #D4D4D8;

  /* -------------------------------------------------------------------
     DURUM
     Renk tek başına bilgi taşımaz — yanında her zaman metin vardır.
     ------------------------------------------------------------------- */
  --iyi:           #15803D;
  --iyi-soft:      #ECFDF3;
  --uyari:         #B45309;
  --uyari-soft:    #FEF6E7;
  --kotu:          #B91C1C;
  --kotu-soft:     #FEF2F2;
  --kotu-uzeri:    #FFFFFF;
  --solgun:        #71717A;
  --solgun-soft:   #F4F4F5;
  --bilgi:         #1D4ED8;
  --bilgi-soft:    #EFF4FF;

  /* -------------------------------------------------------------------
     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, üstveri */
  --fs-sm:   0.8125rem; /* 13px — yardımcı metin, tablo */
  --fs-base: 0.9375rem; /* 15px — gövde */
  --fs-lg:   1.0625rem; /* 17px — giriş paragrafı */
  --fs-xl:   1.25rem;   /* 20px — h3 */
  --fs-2xl:  1.5rem;    /* 24px — h2 */
  --fs-3xl:  2rem;      /* 32px — h1 */
  --fs-4xl:  2.75rem;   /* 44px — hero */

  --lh-tight: 1.15;
  --lh-snug:  1.35;
  --lh-base:  1.6;
  --lh-loose: 1.7;

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

  /* Geometrik logoyu yankılayan etiket aralığı */
  --ls-etiket: 0.14em;
  --ls-baslik: -0.02em;

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

  /* -------------------------------------------------------------------
     KÖŞE — logonun keskinliğine uygun olarak dar tutuldu
     ------------------------------------------------------------------- */
  --r-sm:   3px;
  --r-md:   5px;
  --r-lg:   8px;
  --r-full: 999px;

  /* -------------------------------------------------------------------
     GÖLGE — minimalist; neredeyse yalnızca açılır menülerde
     ------------------------------------------------------------------- */
  --sh-sm: 0 1px 2px rgb(0 0 0 / 0.05);
  --sh-md: 0 4px 16px rgb(0 0 0 / 0.10);
  --sh-lg: 0 12px 32px rgb(0 0 0 / 0.14);

  /* -------------------------------------------------------------------
     GENİŞLİK
     ------------------------------------------------------------------- */
  --w-text: 680px;   /* okunabilir metin sütunu */
  --w-orta: 880px;   /* okuma odaklı sayfa kabı */
  --w-page: 1120px;  /* genel sayfa kabı */
  --w-wide: 1400px;  /* envanter tablosu, panel */

  /* -------------------------------------------------------------------
     GEÇİŞ
     ------------------------------------------------------------------- */
  --t-fast: 120ms 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:        #FB923C;
    --accent-text:   #FDBA74;
    --accent-soft:   #2A1708;
    --accent-hover:  #FDBA74;
    --accent-cizgi:  #7C3A12;

    --marka:         #FAFAFA;
    --marka-hover:   #E4E4E7;
    --marka-uzeri:   #0A0A0B;

    --bg:            #0B0B0C;
    --bg-subtle:     #141416;
    --bg-hover:      #1E1E21;
    --bg-ters:       #141416;
    --text:          #EDEDEF;
    --text-muted:    #A1A1AA;
    --text-faint:    #71717A;
    --text-ters:     #FAFAFA;
    --border:        #262629;
    --border-strong: #3F3F46;

    --iyi:           #4ADE80;
    --iyi-soft:      #0C2415;
    --uyari:         #FBBF24;
    --uyari-soft:    #2A1F08;
    --kotu:          #F87171;
    --kotu-soft:     #2A1212;
    --kotu-uzeri:    #2A1212;
    --solgun:        #A1A1AA;
    --solgun-soft:   #1E1E21;
    --bilgi:         #93B4FD;
    --bilgi-soft:    #111B33;

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

:root[data-tema="koyu"] {
  --accent:        #FB923C;
  --accent-text:   #FDBA74;
  --accent-soft:   #2A1708;
  --accent-hover:  #FDBA74;
  --accent-cizgi:  #7C3A12;

  --marka:         #FAFAFA;
  --marka-hover:   #E4E4E7;
  --marka-uzeri:   #0A0A0B;

  --bg:            #0B0B0C;
  --bg-subtle:     #141416;
  --bg-hover:      #1E1E21;
  --bg-ters:       #141416;
  --text:          #EDEDEF;
  --text-muted:    #A1A1AA;
  --text-faint:    #71717A;
  --text-ters:     #FAFAFA;
  --border:        #262629;
  --border-strong: #3F3F46;

  --iyi:           #4ADE80;
  --iyi-soft:      #0C2415;
  --uyari:         #FBBF24;
  --uyari-soft:    #2A1F08;
  --kotu:          #F87171;
  --kotu-soft:     #2A1212;
  --kotu-uzeri:    #2A1212;
  --solgun:        #A1A1AA;
  --solgun-soft:   #1E1E21;
  --bilgi:         #93B4FD;
  --bilgi-soft:    #111B33;

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

/* =====================================================================
   INTER (SIL Open Font License 1.1)

   Kendi sunucumuzda barınıyor — sayfa açılırken hiçbir dış adrese
   istek gitmez. İçerik güvenlik politikamız zaten `font-src 'self'`
   diyor; dışarıdan yüklenseydi engellenirdi.

   Değişken yazı tipi: tek dosya 100–900 arası bütün kalınlıkları
   taşır. Dört ayrı ağırlık dosyası indirmeye gerek kalmıyor.

   İki alt küme var:
     latin      → temel alfabe ve noktalama
     latin-ext  → Türkçe için şart (ğ Ğ ş Ş İ ı ve ötesi)

   `unicode-range` sayesinde tarayıcı yalnızca sayfada geçen
   karakterlerin bulunduğu dosyayı indirir.

   Dosyalar yoksa --font zincirinin ikinci halkasına (sistem yazı
   tipi) düşülür; site yine düzgün görünür.
   ===================================================================== */

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/inter/inter-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/inter/inter-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
                 U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF,
                 U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}