/* OtoSOR spacing, radius, sizing tokens. 4px grid. */
:root {
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* ── BOŞLUK RİTMİ — ölçek değil KARAR tablosu ───────────────────
     Ham --space-* değerini bileşene yazmak yerine bu semantik adları
     kullan: aynı ilişki her sayfada aynı boşluğu alır. Dört basamak;
     beşincisi yoksa ihtiyaç da yok demektir.
       tight   4px   ikon ↔ etiketi, rozet içi
       inner   8px   kardeş kontroller (buton grubu, çip dizisi)
       group  16px   bir bileşenin içi (kart gövdesi, form alanı)
       block  24px   kardeş bileşenler (kart ↔ kart, tablo ↔ sayfalama)
       band   40px   sayfa bölümleri (PageHead ↔ içerik ↔ dipnot)
     Kural: bir ekranda İKİ ardışık basamak atlanmaz — 8'den sonra 40
     gelirse hiyerarşi kopar, kullanıcı grupları yanlış eşler. */
  --gap-tight: var(--space-1);
  --gap-inner: var(--space-2);
  --gap-group: var(--space-4);
  --gap-block: var(--space-6);
  --gap-band:  var(--space-10);

  /* Mobilde bant daralır (dikey alan pahalı), grup boşluğu KORUNUR:
     dokunma hedefleri arasındaki mesafe küçültülmez. */

  --radius-sm: 4px;    /* badges, tags, table controls */
  --radius-md: 6px;    /* buttons, inputs */
  --radius-lg: 10px;   /* cards, dialogs */
  --radius-pill: 999px;

  /* Control heights — 44px min touch target on mobile via .os-touch */
  --control-h-sm: 28px;
  --control-h-md: 36px;
  --control-h-lg: 44px;

  /* Layout */
  --sidebar-w: 232px;
  --topbar-h: 52px;
  --content-max: 1280px;
  /* Operasyon listeleri için geniş varyant. 1280px 12+ kolonlu talep
     listesini kırpıyor ve 1920px ekranda 384px boşa gidiyor (portal
     ölçümü). Kolon sayısı burada estetik değil İŞ GEREĞİ. */
  --content-max-wide: 1760px;

  /* Breakpoints (reference only — media queries can't read custom props):
     --bp-sm: 640px   phone → tablet
     --bp-md: 1024px  tablet → desktop portal
     --bp-lg: 1440px  wide desktop */
  /* Kaydırılan tablonun asgari genişliği. Bu değerin altına inince tablo
     okunmaz hâle gelir; kabı .os-tablewrap yatay kaydırma verir.
     Dar kartlarda 480px'e çekilebilir — bu yüzden token, sabit değil. */
  --table-scroll-min: 560px;
}