/**
 * Omnex UI Kit — tokens.css
 * Yapısal tasarım token'ları (temadan BAĞIMSIZ).
 * Renk/yüzey token'ları themes/light.css + themes/dark.css içindedir.
 *
 * Sözleşme (Bible 03_UI + FADR):
 * - Tüm bileşenler YALNIZ token'lardan beslenir; hardcoded değer yasak.
 * - Prefix: --ox-*  (class prefix: ox-)
 * - Bu dosyadaki değerler platform kararıdır; modüller override edemez,
 *   yalnızca tüketir. Tenant farklılaşması tema/accent üzerinden yapılır.
 */

:root {
  /* ---- Tipografi ------------------------------------------------------ */
  /* Hedef marka fontu IBM Plex Sans'tır (self-host, F1'de vendor edilir). */
  /* Dosya yokken sistem yığınına zarif düşer — CDN bağımlılığı yasaktır.  */
  --ox-font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif;
  --ox-font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, "SF Mono",
    Menlo, Consolas, monospace;

  --ox-text-xs: 11px;
  --ox-text-sm: 12.5px;
  --ox-text-base: 14px;
  --ox-text-md: 15px;
  --ox-text-lg: 17px;
  --ox-text-xl: 20px;
  --ox-text-2xl: 24px;
  --ox-text-3xl: 30px;
  --ox-text-display: 38px;

  --ox-leading-tight: 1.25;
  --ox-leading-normal: 1.5;

  --ox-weight-regular: 400;
  --ox-weight-medium: 500;
  --ox-weight-semibold: 600;
  --ox-weight-bold: 700;

  /* İmza detay: mikro etiketler (kolon başlığı, durum rozeti üstü vb.)   */
  /* uppercase + geniş tracking ile yazılır.                              */
  --ox-tracking-tight: -0.01em;
  --ox-tracking-label: 0.06em;

  /* ---- Spacing (4px taban) -------------------------------------------- */
  --ox-space-0: 0;
  --ox-space-1: 4px;
  --ox-space-2: 8px;
  --ox-space-3: 12px;
  --ox-space-4: 16px;
  --ox-space-5: 20px;
  --ox-space-6: 24px;
  --ox-space-8: 32px;
  --ox-space-10: 40px;
  --ox-space-12: 48px;
  --ox-space-16: 64px;

  /* ---- Köşe yarıçapı (imza: md=10px "yumuşak kare") ------------------- */
  --ox-radius-xs: 4px;
  --ox-radius-sm: 6px;
  --ox-radius-md: 10px;
  --ox-radius-lg: 14px;
  --ox-radius-xl: 20px;
  --ox-radius-full: 9999px;

  /* ---- Kontrol boyutları (button/input ortak) ------------------------- */
  --ox-control-h-sm: 30px;
  --ox-control-h-md: 36px;
  --ox-control-h-lg: 44px;
  --ox-control-pad-x: 14px;

  /* ---- Hareket --------------------------------------------------------- */
  --ox-dur-fast: 120ms;
  --ox-dur: 180ms;
  --ox-dur-slow: 280ms;
  --ox-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ox-ease-spring: cubic-bezier(0.2, 0.9, 0.25, 1.15);
  --ox-transition-fast: var(--ox-dur-fast) var(--ox-ease);
  --ox-transition: var(--ox-dur) var(--ox-ease);
  --ox-transition-slow: var(--ox-dur-slow) var(--ox-ease);

  /* ---- Odak halkası (renk temadan gelir: --ox-ring) ------------------- */
  --ox-focus-ring: 0 0 0 3px var(--ox-ring);

  /* ---- Katman (z-index) — merkezi standart ---------------------------- */
  --ox-z-base: 1;
  --ox-z-nav: 10;
  --ox-z-dropdown: 50;
  --ox-z-sticky: 60;
  --ox-z-drawer: 90;
  --ox-z-modal: 100;
  --ox-z-menu: 200;
  --ox-z-toast: 1000;

  /* ---- Layout ölçüleri ------------------------------------------------- */
  --ox-sidebar-w: 248px;
  --ox-sidebar-w-collapsed: 64px;
  --ox-topbar-h: 56px;
  --ox-bottomnav-h: 60px;
  --ox-content-max: 1320px;
  --ox-content-pad: 24px;

  /* ---- Kırılma noktaları (JS de okur) ---------------------------------- */
  --ox-bp-mobile: 600px;
  --ox-bp-tablet: 900px;
  --ox-bp-wide: 1280px;
}

/* Dokunmatik cihaz: kontrol ve dokunma hedefleri büyür (min 44px kuralı) */
@media (pointer: coarse) {
  :root {
    --ox-control-h-sm: 36px;
    --ox-control-h-md: 44px;
    --ox-control-h-lg: 52px;
    --ox-content-pad: 16px;
  }
}

/* Hareket azaltma tercihi: animasyon süreleri sıfırlanır */
@media (prefers-reduced-motion: reduce) {
  :root {
    --ox-dur-fast: 0ms;
    --ox-dur: 0ms;
    --ox-dur-slow: 0ms;
  }
}