/* SeflekB2B tasarım sistemi — kurumsal yeşil kimlik.
   Ana renk kurumsal katalogdaki koyu tarla yeşili; turuncu gradyan ikincil vurgudur
   (katalog alt bandındaki şerit). Gradyan her yere yayılmaz: aktif menü, birincil
   buton, hero ve öne çıkan sayı için kullanılır. */
:root {
  /* Palet — nötrler yeşile çalan gri, mavi tonu yok */
  --ink:      #10221b;  /* ana metin — koyu tarla yeşili-siyahı */
  --ink-2:    #3d5148;  /* ikincil metin */
  --bone:     #f5f7f4;  /* uygulama arka planı */
  --steel:    #7c8a82;  /* soluk metin */
  --steel-lt: #e2e7e2;  /* çizgi, ayırıcı (geriye dönük ad) */
  --line:     #e2e7e2;
  --line-lt:  #eef2ed;
  --field:    #0f7038;  /* birincil — kurumsal yeşil */
  --field-dk: #0a5228;  /* koyu yeşil: bağlantı, vurgu metni */
  --field-lt: #e8f3ec;  /* açık yeşil zemin */
  --signal:   #ee7a21;  /* turuncu vurgu */
  --signal-dk:#d1600e;
  --amber:    #b26a10;  /* uyarı metni */
  --amber-bg: #fdf1e3;
  --green:    #0f7038;  /* başarı — kimlikle aynı yeşil */
  --green-bg: #e8f3ec;
  --rust:     #c0392b;  /* hata */
  --rust-bg:  #fbeceb;
  --white:    #ffffff;

  /* Form ve yüzey ara tonları */
  --input-line:   #cbd5cd;  /* alan kenarlığı */
  --input-line-h: #a7b8ac;  /* alan kenarlığı — hover */
  --surface-2:    #f0f4f0;  /* satır hover, adımlayıcı butonu */
  --surface-3:    #e6ede7;  /* rozet zemini */
  --overlay:      rgba(8, 28, 18, 0.55);   /* modal perdesi */

  /* Yeşilin saydam tonları — vurgu zeminleri */
  --accent-06: rgba(15, 112, 56, 0.06);
  --accent-08: rgba(15, 112, 56, 0.08);
  --accent-12: rgba(15, 112, 56, 0.12);
  --accent-16: rgba(15, 112, 56, 0.16);
  --accent-40: rgba(15, 112, 56, 0.40);

  /* Koyu yüzey (sidebar) — kurumsal yeşilin koyusu */
  --side-bg:    #062914;
  --side-bg-2:  #0b3f20;
  --side-text:  #b3c6ba;
  --side-muted: #7d9686;
  --side-line:  rgba(255, 255, 255, 0.08);

  /* Gradyan kimlik */
  --grad:      linear-gradient(135deg, #148544 0%, #0a5228 100%);
  --grad-soft: linear-gradient(135deg, rgba(20, 133, 68, 0.10) 0%, rgba(10, 82, 40, 0.10) 100%);
  /* Turuncu — katalog alt bandı; ikincil vurgu olarak ölçülü kullanılır */
  --grad-warm: linear-gradient(135deg, #f59a2e 0%, #e9701a 100%);

  /* Gölge katmanları — yeşile çalan koyu ton */
  --shadow-xs: 0 1px 2px rgba(16, 34, 27, 0.05);
  --shadow:    0 1px 2px rgba(16, 34, 27, 0.04), 0 4px 16px rgba(16, 34, 27, 0.07);
  --shadow-md: 0 2px 4px rgba(16, 34, 27, 0.05), 0 10px 28px rgba(16, 34, 27, 0.11);
  --shadow-lg: 0 8px 16px rgba(16, 34, 27, 0.10), 0 24px 64px rgba(16, 34, 27, 0.24);
  --shadow-btn:   0 2px 6px rgba(15, 112, 56, 0.30), 0 6px 20px rgba(10, 82, 40, 0.22);
  --shadow-btn-h: 0 4px 10px rgba(15, 112, 56, 0.38), 0 10px 28px rgba(10, 82, 40, 0.30);
  --ring: 0 0 0 4px rgba(15, 112, 56, 0.16);

  /* Tipografi */
  --font-head: "Inter", "Segoe UI", system-ui, sans-serif;
  --font-body: "Inter", "Segoe UI", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", "Consolas", monospace;

  --fs-xs: 0.6875rem;   /* 11 */
  --fs-sm: 0.8125rem;   /* 13 */
  --fs-base: 0.875rem;  /* 14 */
  --fs-md: 1rem;        /* 16 */
  --fs-lg: 1.1875rem;   /* 19 */
  --fs-xl: 1.5rem;      /* 24 */
  --fs-2xl: 1.875rem;   /* 30 */

  /* Boşluk */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;

  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 16px;
  --border: 1px solid var(--line);
}