/* ============================================================
   HK Panel · Design Tokens — koyu petrol + zümrüt kimliği
   Renk SEMANTİKTİR: yeşil = olumlu/primary aksiyon,
   kırmızı = YALNIZ hata/reddet/sil/kritik, amber = YALNIZ uyarı.
   ============================================================ */
@font-face {
  font-family: 'Khand';
  src: url('../fonts/Khand-Bold.ttf') format('truetype');
  font-weight: 700; font-style: normal; font-display: swap;
}

:root {
  /* -------- renk: marka -------- */
  --ink:      #073D3A;   /* koyu petrol — sidebar + başlıklar */
  --ink-2:    #0A4B47;
  --ink-3:    #0E5A55;
  --primary:       #0B8F58;   /* zümrüt — olumlu/primary aksiyon */
  --primary-hover: #087A4C;
  --ind:      #17B877;   /* koyu zemin üzerinde ince aktif gösterge */
  --red:      #C83A43;   /* YALNIZ hata/yıkıcı eylem */
  --green:    #0B8F58;   /* eski takma ad → primary'ye eşitlendi */
  --slate:    #5F6F6B;

  /* -------- renk: yüzeyler -------- */
  --paper:    #F5F7F6;   /* uygulama zemini */
  --surface:  #FFFFFF;
  --surface-2:#F0F4F2;   /* tablo başlığı, kart içi bant */
  --line:     #DDE5E2;
  --line-2:   #C9D4D0;

  /* -------- renk: durum -------- */
  --ok:       #0B8F58;
  --ok-bg:    #E4F3EC;
  --warn:     #9A6700;   /* kısık amber */
  --warn-bg:  #F7EFDB;
  --err:      #C83A43;
  --err-bg:   #FAE9EA;
  --info:     #0E7264;   /* petrol ailesinde bilgi tonu (bağlantılar, kilit rozetleri) */
  --info-bg:  #E1F0ED;
  --neutral-bg:#EAEFED;

  /* -------- yazı -------- */
  --font-body: -apple-system, 'Segoe UI', Roboto, 'Inter', system-ui, sans-serif;
  --font-display: 'Khand', var(--font-body);        /* başlık + büyük sayılar */
  --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace; /* Bağış No, hash */
  --fs-11: 11px; --fs-12: 12px; --fs-13: 13px; --fs-14: 14px;
  --fs-16: 16px; --fs-20: 20px; --fs-26: 26px; --fs-34: 34px;
  --ink-text: #172522;
  --muted:    #65736F;

  /* -------- ölçü -------- */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px;
  --r-s: 6px; --r-m: 10px; --r-l: 14px; --r-pill: 999px;
  --shadow-1: 0 1px 2px rgba(23,37,34,.06), 0 1px 6px rgba(23,37,34,.05);
  --shadow-2: 0 6px 24px rgba(23,37,34,.14);
  --sidebar-w: 232px;
  --topbar-h: 56px;
}