/* ============================================================================
   GENEL STİLLER  —  BU DOSYA DERLENMEZ.

   Vite/Tailwind derlemesine girmez; tarayıcıya olduğu gibi servis edilir.
   Yaz, kaydet, sayfayı yenile.  `npm run build` GEREKMEZ.

   YÜKLEME SIRASI
       1. theme.css          tema renk değişkenleri
       2. app-xxxx.css       Vite/Tailwind derlemesi
       3. BU DOSYA           en son, yani üsttekileri ezebilir

   SINIRLAR — burada ÇALIŞMAYAN şeyler:
       @apply ve Tailwind class'ları          derleme gerektirir
       SCSS sözdizimi: iç içe kural, $degisken, @import, @mixin
   Düz CSS yaz.

   DİKKAT: yorum içinde yorum açma. CSS'te iç içe yorum yoktur; ilk
   kapanış işareti bloğu bitirir ve gerisi bozulur.

   TEMA RENKLERİNİ KULLAN

       .ozel-kutu {
           background: var(--c-primary-base);
           border: 1px solid var(--c-mode-light-border);
           color: color-mix(in srgb, var(--c-mode-light-headline) 60%, transparent);
       }

   Son satırdaki  60%  saydamlık verir.

   KOYU TEMA

       .ozel-kutu      { background: var(--c-mode-light-card); }
       .dark .ozel-kutu { background: var(--c-mode-dark-card); }

   Kalıcı hale gelen stilleri SCSS'e taşımak iyi fikir — bu dosya hızlı
   müdahale ve panelden yönetim için.
   ============================================================================ */