/* ==========================================================================
   Marka token'ları — TEK KAYNAK (uygulama, satış sitesi, pano, kurulum kartı)
   Rehber: docs/marka/marka-rehberi.html · Liste: docs/marka/marka-tokenlari.md
   Hikâye: depo zemini (beton + şablon mürekkebi) ve tek bir sinyal rengi (iş güvenliği sarısı).
   ========================================================================== */
:root {
  /* Zemin ve yüzeyler */
  --beton: #e4e5e1;          /* sayfa zemini — depo zemini */
  --etiket: #f7f7f4;         /* kart / panel yüzeyi — palet etiketi kâğıdı */
  --etiket-2: #ebece7;       /* ikincil yüzey, boş çubuk, tablo başlığı */
  --cizgi: #c9cbc4;          /* kenarlık, ayırıcı */

  /* Mürekkep (metin) */
  --murekkep: #1c2226;       /* ana metin, 2 px vurgu çerçevesi, şerit koyusu */
  --murekkep-2: #434b50;     /* ikincil metin */
  --soluk: #5f686c;          /* açıklama, etiket, pasif — beton üstünde AA */

  /* Sinyal ve malzeme */
  --sari: #f0b400;           /* iş güvenliği sarısı — sayfa başına TEK vurgu: seçili, birincil eylem, ilerleme */
  --sari-yazi: #1c2226;      /* sarı üstündeki yazı her zaman mürekkep */
  --sari-koyu: #8a6700;      /* sarının açık zeminde okunur hâli (metin, kenar) */
  --tahta: #b98a52;          /* palet tahtası — yalnız çizim ve görsellerde, arayüz rengi değil */

  /* Anlam renkleri (vurgu değildir) */
  --onay: #2f6a3a;           /* bitti, geçti, kurallara uygun */
  --dur: #b3261e;            /* hata, sınır aşıldı, geri alınamaz eylem */
  --dikkat: #c98a00;         /* sürüyor, bekliyor, uyarı */
  --dur-zemin: #fbe3e0;
  --dikkat-zemin: #fff3cc;

  /* Yazı tipleri */
  --yazi-sablon: "Big Shoulders Stencil Display", "Barlow Condensed", Impact, sans-serif; /* sayılar ve kimlikler */
  --yazi-tabela: "Barlow Condensed", "Arial Narrow", sans-serif;                         /* başlık, etiket, düğme */
  --yazi-govde: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;              /* açıklama, form, tablo */
  --yazi-mono: ui-monospace, SFMono-Regular, Menlo, monospace;                           /* kod, SKU listesi */

  /* Ölçü */
  --r-kart: 6px;             /* kart, panel */
  --r-kucuk: 3px;            /* rozet, giriş alanı, kutucuk */
  --r-dugme: 4px;            /* düğme */
  --r-hap: 99px;             /* yalnız canlılık rozeti */
  --cerceve-vurgu: 2px solid var(--murekkep); /* sayfadaki en önemli kart */
  --bosluk-1: 4px; --bosluk-2: 8px; --bosluk-3: 12px; --bosluk-4: 16px;
  --bosluk-5: 24px; --bosluk-6: 32px; --bosluk-7: 48px;

  /* İmza: ikaz şeridi (135°, sarı + mürekkep) */
  --serit: repeating-linear-gradient(135deg, var(--sari) 0 14px, var(--murekkep) 14px 28px);
  --serit-ince: repeating-linear-gradient(135deg, var(--sari) 0 5px, transparent 5px 10px); /* "sürüyor" dolgusu */

  color-scheme: light;
}

/* Gece vardiyası (koyu tema) — yalnız token'lar yeniden tanımlanır */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --beton: #1d2124; --etiket: #262b2f; --etiket-2: #30363a; --cizgi: #3c4448;
    --murekkep: #e8e9e5; --murekkep-2: #c3c8c9; --soluk: #9aa2a5;
    --sari-koyu: #f0b400; --onay: #7fc98e; --dur: #ff8a80; --dikkat: #f0b400;
    --dur-zemin: #3d2220; --dikkat-zemin: #3b3218;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --beton: #1d2124; --etiket: #262b2f; --etiket-2: #30363a; --cizgi: #3c4448;
  --murekkep: #e8e9e5; --murekkep-2: #c3c8c9; --soluk: #9aa2a5;
  --sari-koyu: #f0b400; --onay: #7fc98e; --dur: #ff8a80; --dikkat: #f0b400;
  --dur-zemin: #3d2220; --dikkat-zemin: #3b3218;
  color-scheme: dark;
}
/* Not: koyu temada --sari-yazi değişmez — sarı zemin üstünde yazı hep koyu mürekkeptir (#1c2226). */