/* Omnex Design System — yapısal token'lar (temadan bağımsız).
   Renkler themes/light.css + dark.css içinde. Tasarım dili: Drive sadeliği + Linear tipografi
   + Raycast spacing + Notion yüzeyler. Tüm bileşenler YALNIZ token'lardan beslenir. */
:root {
  /* Tipografi */
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --font: var(--font-sans); /* geriye dönük */

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

  --leading-tight: 1.25;
  --leading-normal: 1.5;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;

  /* Spacing ölçeği (Raycast tarzı 4px tabanlı) */
  --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;
  --space: var(--space-2); /* geriye dönük */

  /* Köşe yarıçapı */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 22px;
  --radius-full: 9999px;
  --radius: var(--radius-md); /* geriye dönük */

  /* Kontrol boyutları (button/input ortak yükseklik) */
  --control-h-sm: 30px;
  --control-h-md: 38px;
  --control-h-lg: 46px;
  --control-pad-x: 14px;

  /* Geçiş & hareket */
  --transition-fast: 120ms ease;
  --transition: 180ms ease;
  --transition-slow: 280ms cubic-bezier(.2,.8,.2,1);
  --ease-spring: cubic-bezier(.2,.9,.25,1.1);

  /* Odak halkası */
  --focus-ring: 0 0 0 3px var(--color-primary-ring);

  /* Katman (z-index) — merkezi standart */
  --z-base: 1;
  --z-nav: 10;
  --z-dropdown: 50;
  --z-sticky: 60;
  --z-drawer: 90;
  --z-sticky-note: 95; /* sabitlenen notlar: drawer üstü, modal altı */
  --z-modal: 100;
  --z-menu: 200;
  --z-toast: 1000;

  /* Layout ölçüleri */
  --sidebar-w: 248px;
  --sidebar-w-collapsed: 64px;
  --topbar-h: 56px;
  --statusbar-h: 34px;
  --bottomnav-h: 60px;

  /* Kırılma noktaları (JS ile de okunur) */
  --bp-tablet: 900px;
  --bp-mobile: 600px;
}

/* P6: Dokunmatik ekran için token geçersiz kılmaları */
@media (pointer: coarse) {
  :root {
    --control-h-sm: 38px;
    --control-h-md: 44px;
    --statusbar-h: 44px;
  }
}