/* =========================================================================
   ORDERLY PANEL — TASARIM TOKEN'LARI
   -------------------------------------------------------------------------
   Panelde tek bir tasarım dili yoktu: 453 farklı hex, 79 farklı border-radius,
   350 farklı box-shadow, 105 farklı font-size kullanılıyordu. Marka
   turuncusunun tek başına 52 varyantı vardı ve en çok kullanılan ikisi
   (#fe6447 ve #ff6247) aynı renk bile değildi.

   Bu dosya tek kaynaktır. Yeni yazılan her kural buradaki değişkenleri
   kullanır; sabit hex/px yazılmaz. Eski dosyalar kademeli olarak buraya
   bağlanır — hepsini bir seferde değiştirmek 23 ekranı aynı anda riske atardı.

   YÜKLEME SIRASI: header.php'de reset.css'ten hemen sonra, style.css'ten
   ÖNCE gelir; böylece sayfa CSS'leri token'ları ezebilir (gerektiğinde).

   KULLANIM
     background: var(--o-panel);
     border: 1px solid var(--o-kenar);
     border-radius: var(--o-r-panel);
     box-shadow: var(--o-golge-1);
   ========================================================================= */

:root {
  /* ---- Yüzeyler ----
     Üç katman: içerik zemini < menü < panel. Hepsi düz beyaz olursa ekran
     yassılaşıyor; aralarındaki fark derinliği veriyor. */
  --o-zemin: #f8fafc;          /* sayfa içeriği */
  --o-menu: #fcfcfd;           /* sol menü üst tonu */
  --o-menu-alt: #f7f8fa;       /* sol menü alt tonu */
  --o-panel: #ffffff;          /* kart / panel */
  --o-panel-alt: #fafbfc;      /* panel içi alt çubuk, tablo başlığı */
  --o-cip: #f1f5f9;            /* sekme / çip zemini */
  --o-cip-koyu: #e2e8f0;       /* çip hover */

  /* ---- Kenarlıklar ---- */
  --o-kenar: #e5e7eb;          /* panel dış kenarı */
  --o-kenar-ince: #eef2f7;     /* panel içi ayırıcı */
  --o-kenar-girdi: #e2e8f0;    /* form alanı */

  /* ---- Metin rampası ---- */
  --o-metin: #0f172a;          /* başlık, ana değer */
  --o-metin-2: #475569;        /* gövde */
  --o-metin-3: #64748b;        /* ikincil */
  --o-metin-4: #94a3b8;        /* etiket, ipucu */

  /* ---- Marka ----
     Turuncu VURGUDUR, zemin değil. Geniş alanları doldurmak için değil;
     birincil aksiyon, aktif ikon ve sol şerit için. */
  --o-marka: #fe6447;
  --o-marka-acik: #ff7a5c;
  --o-marka-koyu: #c2653f;
  --o-marka-zemin: #fff5f2;
  --o-marka-kenar: #ffdfd6;
  --o-marka-gradyan: linear-gradient(135deg, #fe6447, #ff7a5c);
  /* Tepe şeridi: üst bar ile sol menünün marka satırı bunu paylaşır.
     DİKEY olması şart — iki blok farklı genişlikte, yatay/köşegen gradyan
     ortada görünür bir dikiş bırakırdı. */
  --o-marka-bar: linear-gradient(180deg, #ff7a5c 0%, #fe6447 100%);
  --o-marka-bar-kenar: rgba(120, 36, 18, 0.18);

  /* ---- Durum renkleri (zemin / metin / kenar üçlüsü) ---- */
  --o-basari-zemin: #ecfdf5;
  --o-basari-metin: #15803d;
  --o-basari-kenar: #bbf7d0;
  --o-basari-dolgu: #16a34a;

  --o-uyari-zemin: #fffbeb;
  --o-uyari-metin: #b26a00;
  --o-uyari-kenar: #fde68a;
  --o-uyari-dolgu: #f59e0b;

  --o-tehlike-zemin: #fef2f2;
  --o-tehlike-metin: #b91c1c;
  --o-tehlike-kenar: #fecaca;
  --o-tehlike-dolgu: #dc2626;

  --o-bilgi-zemin: #f0f9ff;
  --o-bilgi-metin: #075985;
  --o-bilgi-kenar: #bae6fd;
  --o-bilgi-dolgu: #0ea5e9;

  /* ---- Açık masa mavisi ----
     Ürüne özgü bir durum rengi; "başarı yeşili" değil. Kasiyer bu maviyi
     yıllardır "masa dolu" diye okuyor, o yüzden ayrı token. Değer eski
     sürümle birebir aynı (alfa 0x4f) ki kartlar aynı tonu versin. */
  --o-masa-acik-zemin: #3498db4f;
  --o-masa-acik-kenar: #7fb9de;
  --o-masa-acik-serit: #2f86c5;

  /* ---- Yarıçap ---- */
  --o-r-panel: 14px;
  --o-r-kart: 11px;
  --o-r-btn: 9px;
  --o-r-cip: 8px;
  --o-r-rozet: 20px;

  /* ---- Gölge ----
     Nötr slate; turuncu tonlu gölge (eski desen) her şeyi kirli gösteriyordu. */
  --o-golge-1: 0 1px 3px rgba(15, 23, 42, 0.06);
  --o-golge-2: 0 3px 12px rgba(15, 23, 42, 0.09);
  --o-golge-3: 0 12px 34px rgba(15, 23, 42, 0.16);
  --o-golge-modal: 0 20px 50px rgba(15, 23, 42, 0.28);

  /* ---- Tipografi ---- */
  --o-font: "Inter Display", system-ui, -apple-system, "Segoe UI", sans-serif;
  --o-yazi-xs: 11.5px;   /* rozet, ipucu */
  --o-yazi-sm: 12.5px;   /* etiket, alt bilgi */
  --o-yazi-md: 13.5px;   /* gövde, buton, form */
  --o-yazi-lg: 15px;     /* bölüm başlığı */
  --o-yazi-xl: 19px;     /* panel başlığı */
  --o-yazi-2xl: 22px;    /* sayfa başlığı */

  /* ---- Hareket ---- */
  --o-gecis: 0.15s ease;
  --o-gecis-yavas: 0.22s ease;

  /* ---- Kabuk ölçüleri ---- */
  --o-menu-genislik: 252px;
  --o-menu-ray: 68px;
  --o-ustbar-yukseklik: 50px;
}