/* ╔═══════════════════════════════════════════════╗
   ║   CLE — Can · LM · Ercan                       ║
   ║   Renkler + koyu tema — TEK KAYNAK (v1.29.0)   ║
   ╚═══════════════════════════════════════════════╝

   Ercan 16-10: "Koyu tema … beyaz zemin yerleri butonlar dahil siyah … kullanıcı tercihli (üstte sağda)
   yarım ay". Önerisi: "önce renk sayısını düşür, 10 ton yeşil olacağına 3 ton" — panelde 43 farklı renk
   vardı (397 yerde yazılı), aynı aileden yakın tonlar birleşti: her ailede yazı · açık zemin (+ dolgu).

   Sayfalar renkleri BURADAN okur: color:var(--yazi2) gibi. Tema değişince yalnız bu değerler değişir.
   DOLGU renkleri (düğme ve rozet zemini: #1a73e8 mavi, #188038 yeşil, #d93025 kırmızı, #fbbc04 sarı,
   #fa7b17 turuncu, #c5520d uyarı, #d01884 pembe, #9334e6 mor, #1a1a2e başlık) iki temada da aynıdır:
   üstlerindeki yazı zaten beyaz ya da koyu, okunur kalır. Açık zemindeki rakam koyu (Ercan: "açık
   renklerde siyah yazı").

   .kagit: BELGE gibi davranan kutu (ekstre önizlemesi) koyu temada da açık kalır — yazdırılan ve PDF'i
   gönderilen sayfayla aynı görünsün. Değişkenler miras geçtiği için .kagit'in içi açık değerlere döner.

   Okunurluk sınamada ölçülür (sinama/tema.test.mjs): her yazı tonu her zeminde yeterli karşıtlıkta mı.
   #e37400 (eski uyarı turuncusu, beyaz yazıyla 3,1:1) #c5520d'ye birleşti (4,6:1) — şikâyet rozeti, güvenlik şeridi, ekstre. */

:root, .kagit {
  color-scheme: light;
  --sayfa:#f0f2f5;        /* sayfa zemini */
  --kart:#fff;            /* kart, pencere, giriş kutusu */
  --kutu:#f8f9fa;         /* kart içi kutu, tablo başlığı */
  --cizgi:#dadce0;        /* giriş kutusu çerçevesi */
  --cizgi-ince:#e8eaed;   /* ayraç, satır çizgisi */
  --yazi:#202124;         /* ana yazı */
  --yazi2:#5f6368;        /* ikincil yazı, açıklama */
  --yazi3:#9aa0a6;        /* soluk yazı: kimlik, ipucu */
  --mavi:#1a73e8;         /* bağlantı, çerçeveli düğme */
  --mavi-koyu:#174ea6;    /* mavi kutunun içindeki yazı */
  --mavi-zemin:#e8f0fe;
  --mavi-cizgi:#d2e3fc;
  --yesil:#188038;
  --yesil-zemin:#e6f4ea;
  --kirmizi:#d93025;
  --kirmizi-zemin:#fce8e6;
  --sari:#b06000;         /* sarı ailenin yazısı (alacak, bekleyen, uyarı) */
  --sari-zemin:#fef7e0;
  --turuncu:#c5520d;      /* vadesi geçmiş alacak, fark */
  --pembe:#d01884;        /* borç */
  --mor:#9334e6;
  --mor-zemin:#f3e8fd;
}

/* Koyu değerler YALNIZ EKRANDA (v1.29.0 inceleme): koyu temada Ctrl+P ile basılan kılavuz/panel beyaz kâğıda
   soluk gri ya da siyah zeminle çıkıyordu. Yazıcıda :root'un açık değerleri geçerli. */
@media screen {
  html[data-tema="koyu"] {
    color-scheme: dark;
    --sayfa:#121316;
    --kart:#1e1f22;
    --kutu:#292a2e;
    --cizgi:#4a4d52;
    --cizgi-ince:#34363b;
    --yazi:#e8eaed;
    --yazi2:#b0b4b9;
    --yazi3:#8f949a;
    --mavi:#8ab4f8;
    --mavi-koyu:#aecbfa;
    --mavi-zemin:#1d2a44;
    --mavi-cizgi:#2f4a7a;
    --yesil:#81c995;
    --yesil-zemin:#1c3527;
    --kirmizi:#f28b82;
    --kirmizi-zemin:#43201e;
    --sari:#fdd663;
    --sari-zemin:#3a3115;
    --turuncu:#fcad70;
    --pembe:#ff8bcb;
    --mor:#d7aefb;
    --mor-zemin:#32224a;
  }
}

.kagit { background:var(--kart); color:var(--yazi); }

/* 🌙 / ☀️ — sağ üstte. Simgeyi ve açıklamayı tema.js yazar. */
.tema-dugme { background:none; border:none; cursor:pointer; font-size:15px; line-height:1; padding:2px 4px; border-radius:6px; }
.tema-dugme:hover { background:rgba(128,128,128,.18); }