/* ==========================================================================
   OrtakİK — TEMA KATMANI
   Üretildiği tarih: 29.08.2026 00:21:40
   Üreten: Tema Stüdyosu (wwwroot/assets/tema-studyo.html)

   Yalnız `:root` token'larını ezer; tek bir bileşen seçicisi yoktur.
   `ortakik.css`ten SONRA yüklenmek ZORUNDA — aynı özgüllükte olduğu için
   kazanan sonra yüklenendir (_Layout.cshtml).

   SOL MENÜ VE ÜST BAR KAPSAM DIŞI (2026-08-28 kararı): `--ok-sidebar-*` ve
   ondan türeyen `--ok-topbar-*` burada hiç geçmez. Bu mümkün çünkü
   `--ok-sidebar-active` `--ok-brand-600`den türetilmez, ayrı hex olarak
   yazılıdır (ortakik.css:76) — aksanı değiştirmek menüyü etkilemez.

   Font token'ları (`--ok-font`, `--ok-fs-*`) da kapsam dışıdır.
   ========================================================================== */

:root {
  /* ---- Marka ölçeği ---------------------------------------------------
     Ölçek BÜTÜN olarak taşınır. Yalnız `--ok-brand-600` değiştirilseydi
     hover (500), seçili satır (50) ve rozet kenarlığı (200) eski ailede
     kalır, ekranda iki ayrı renk ailesi görünürdü. */
  --ok-brand-900: #0D3968;
  --ok-brand-800: #10457E;
  --ok-brand-700: #14528F;
  --ok-brand-600: #1B6FD6;
  --ok-brand-500: #3B8AE8;
  --ok-brand-300: #8FBCF3;
  --ok-brand-200: #BEDAF8;
  --ok-brand-100: #D7E7FB;
  --ok-brand-50: #EFF6FE;
  /* ---- Kabuk ve panel kurgusu ---------------------------------------- */
  --ok-page-bg: #FFFFFF; /* Kabuk zemini */
  --ok-panel: #E5E5E5; /* Kart gövdesi */
  --ok-panel-alt: #F4F7FB; /* Kart ayağı */
  --ok-panel-filter: #EFF6FE; /* Filtre paneli */
  --ok-surface: #FFFFFF; /* Yüzen katman */
  --ok-surface-alt: #FBFCFE; /* Zebra satır */
  --ok-surface-sunk: #F1F4F9; /* Girintili alan */
  --ok-tabbar-bg: #E2E8F1; /* Sekme şeridi */
  --ok-bg: #F6F8FC; /* Giriş ekranı zemini */
  /* ---- Metin ve kenarlık --------------------------------------------- */
  --ok-text: #16202E; /* Ana metin */
  --ok-text-2: #4A5A6E; /* İkincil metin */
  --ok-text-3: #7C8A9C; /* Soluk metin */
  --ok-border: #E2E8F1; /* Kenarlık */
  --ok-border-strong: #CBD5E3; /* Belirgin kenarlık */
  --ok-border-hard: #AFBECF; /* Sert kenarlık */
  /* ---- Bilgi rengi ----------------------------------------------------
     Aksanla BİRLİKTE taşınır — legacy'de de değeri `--ok-brand-600` ile
     aynıydı. Ayrı bırakılsaydı ekranda ikinci bir renk ailesi görünürdü.
     `var()` bağı yok, bu yüzden değer olarak yazılıyor. */
  --ok-info: #1B6FD6;
  --ok-info-bg: #EFF6FE;
  --ok-info-br: #BEDAF8;
  /* ---- Marka üzerindeki metin ----------------------------------------
     Aksan dolgusu üzerinde okunabilirliğe göre seçildi (kontrast 4.9:1). */
  --ok-text-on-brand: #FFFFFF;
  /* ---- Odak halkası ---------------------------------------------------
     Ham rgba — `var()` ile aksana bağlanamıyor, aksanla elle eşitlendi. */
  --ok-focus-ring: 0 0 0 3px rgba(27,111,214,.28);
  /* ---- Biçim ----------------------------------------------------------
     Bu token'lar arasında `var()` bağı yoktur, hepsi bağımsız sabittir;
     stüdyo oranı koruyarak birlikte taşıdı. */
  --ok-ctrl-h: 26px; /* buton/input yüksekliği */
  --ok-ctrl-h-sm: 22px;
  --ok-row-h: 32px; /* ızgara satır yüksekliği */
}