/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
   KPSS.AI â€” RENK. TEK KAYNAK.
   KullanÄ±cÄ± kuralÄ± (2026-09-23): "renkler tek yerden gelecek."

   Sistemdeki BÃœTÃœN renkler bu dosyada tanÄ±mlanÄ±r. site.css Â· app.css Â· yonetim.css yalnÄ±z
   yerleÅŸim ve tipografi tutar; renk yazmaz, buradan `var()` ile okur. Bu dosya Ã¶tekilerden
   Ã–NCE yÃ¼klenir (inc/site.php, inc/layout.php, yonetim/_ust.php, yonetim/giris.php,
   yonetim/2fa.php).

   Kaynak: KPSS.AI markasÄ±nÄ±n kendi yeÅŸili. kpss-ai-web-v1.zip YALNIZ iskelet ve iÃ§erik iÃ§in
   kullanÄ±ldÄ± â€” renk sistemi oradan ALINMADI (zip'in sÄ±cak beji, mavi aksanÄ± ve somon
   daireleri bu dosyada yoktur).

   âš  MARKA YEÅÄ°LÄ° DEÄÄ°ÅTÄ°RÄ°LMEZ. KoyulaÅŸtÄ±rÄ±lmaz, aÃ§Ä±lmaz, tonu kaydÄ±rÄ±lmaz.
     Dolgu olarak tam gÃ¼cÃ¼yle basÄ±lÄ±r ve Ã¼stÃ¼ne BEYAZ yazÄ± gelir (referansta da Ã¶yle:
     Ã¶lÃ§Ã¼ldÃ¼ â€” Educate dÃ¼ÄŸmesi rgb(30,194,142) zemin + beyaz yazÄ± + 5px kÃ¶ÅŸe).
     Zemin tonlarÄ± markanÄ±n beyazla karÄ±ÅŸÄ±mÄ±dÄ±r; bu ayrÄ± bir renk deÄŸil, aynÄ± rengin azÄ±dÄ±r.
   âš  Tek istisna: Visa logosu #1434cb (marka kullanÄ±m kuralÄ±) ve karekodun beyaz altlÄ±ÄŸÄ±.
   â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */

:root{
  /* â”€â”€ TEK RENK â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
  /* ⚠ LGS MARKASI TURUNCU. Değer kpss.digital'den ÖLÇÜLDÜ (--primary #f97316),
     uydurulmadı. kpss.ai'deki yeşilin yerini birebir alır ve aşağıdaki 12 token
     bundan TÜRER (color-mix) — onlar elle değiştirilmez.
     ⚠ Semantik renkler (--dogru yeşil, --yanlis kırmızı) DEĞİŞMEZ: doğru cevabı
     turuncu yapmak hem sinyali öldürür hem markayla çakışır. kpss.digital de
     marka ile semantiği ayrı tutmuş (--success #16a34a, --error #dc2626). */
  --marka:#f97316;

  /* ⚠ BEYAZ YAZI TAŞIYAN MARKA DOLGUSU. #f97316 üzerine beyaz yalnız 2,46:1 verir
     (ölçüldü) — WCAG AA'nın 4,5:1 eşiğinin çok altında. Marka turuncusu, beyaz yazı
     geçene kadar koyultuldu: #c2410c → 5,08:1 ✓. Aynı değer BEYAZ ZEMİN ÜZERİNDE
     YAZI olarak da 5,08:1 verdiği için düğme dolgusu ve bağlantı rengi TEK tokendan
     beslenebilir. Marka tonu değişirse burası da elden geçirilmeli. */
  --marka-koyu:#c2410c;

  /* â”€â”€ Zemin â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
  --yuzey:#ffffff;
  --kagit:color-mix(in srgb,var(--marka) 7%,#fff);     /* sayfa zemini  */
  --yuzey-alt:color-mix(in srgb,var(--marka) 12%,#fff);/* ikinci zemin  */
  --cizgi:color-mix(in srgb,var(--marka) 18%,#fff);
  --cizgi-koyu:color-mix(in srgb,var(--marka) 30%,#fff);

  /* â”€â”€ MÃ¼rekkep (Ã¶lÃ§Ã¼ldÃ¼: referans baÅŸlÄ±k rgb(30,30,30), gÃ¶vde rgb(97,97,97)) â”€â”€â”€â”€â”€â”€â”€ */
  --murekkep:#1e1e1e;
  --kalem:#616161;
  --kalem-acik:#6e6e6e;
  --kalem-koyu:#3a3a3a;
  --kalem2:#616161;

  /* â”€â”€ Aksan: dolgu markanÄ±n kendisi, yazÄ±sÄ± beyaz â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
  --optik-dolgu:var(--marka);
  --dolgu-yazi:#ffffff;
  --optik:var(--murekkep);          /* baÄŸlantÄ±/metin â€” marka yeÅŸili yazÄ± olarak okunmaz */
  --optik-koyu:#000000;
  --optik-yumusak:var(--kagit);
  --optik-cizgi:var(--cizgi-koyu);
  --vurgu-zemin:var(--marka);       /* kapanÄ±ÅŸ bandÄ± + alt bilgi (kullanÄ±cÄ± kararÄ±) */

  /* â”€â”€ Anlam renkleri: yalnÄ±z doÄŸru/yanlÄ±ÅŸ/uyarÄ± â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
  --dogru:#177245;        --dogru-yumusak:#e9f5ee;   --dogru-cizgi:#c3e2d1;
  --yanlis:#be3528;       --yanlis-yumusak:#fbe9e7;  --yanlis-cizgi:#f2cdc8;
  --uyari:#8a5a00;        --uyari-yumusak:#fbefd5;   --amber:#b7791f;
  --amber-zemin:#fbefd5;  --amber-cizgi:#efd9a8;     --amber-yazi:#7a5200;
  --amber-nokta:#e6d2a4;

  /* â”€â”€ Koyu blok = ALT BÄ°LGÄ°. Referanstan Ã¶lÃ§Ã¼ldÃ¼ (2026-09-23):
     `.footer-area` zemin rgb(30,30,30) â€” siyah DEÄÄ°L, koyu antrasit. Ä°Ã§inde ondan biraz
     aÃ§Ä±k, yuvarlak kÃ¶ÅŸeli bir bÃ¼lten paneli var. YazÄ± beyaz, gÃ¶vde gri, vurgular yeÅŸil. */
  --koyu-zemin:#1e1e1e;
  --koyu-panel:#262626;
  --koyu-yazi:#ffffff;
  --koyu-soluk:#9a9a9a;
  --koyu-cizgi:rgba(255,255,255,.12);

  /* â”€â”€ YardÄ±mcÄ±lar â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
  --iz:color-mix(in srgb,var(--marka) 14%,#fff);
  --bos-cubuk:color-mix(in srgb,var(--marka) 20%,#fff);
  --cizgi-acik:color-mix(in srgb,var(--marka) 12%,#fff);
  --acik-zemin:color-mix(in srgb,var(--marka) 5%,#fff);
  --harf-zemin:color-mix(in srgb,var(--marka) 12%,#fff);
  --optik-bos:color-mix(in srgb,var(--marka) 5%,#fff);
  --kirmizi-zemin:#fbe9e7; --kirmizi-cizgi:#f2cdc8;
  --yesil-zemin:#e9f5ee;   --yesil-cizgi:#c3e2d1;
  /* ÅÄ±k daireleri: nÃ¶tr Ã§izgi, iÅŸaretlenince anlam rengine dÃ¶ner. */
  --optik-daire:var(--cizgi-koyu);
  --optik-harf:var(--kalem);
  /* Ãœye arayÃ¼zÃ¼nÃ¼n eski adlarÄ± â€” deÄŸerler yine buradan gelir, ayrÄ± renk yoktur. */
  --lacivert-zemin:var(--kagit); --lacivert-cizgi:var(--cizgi-koyu);
  --arka:var(--kagit); --yuzey2:var(--yuzey-alt); --metin:var(--murekkep); --soluk:var(--kalem);
  /* ⚠ --vurgu ARTIK MARKA RENGİ, mürekkep değil (kullanıcı kararı 2026-09-25:
     "KAYIT EKRANINI DÜZELT SİYAH ZEMİN OLMAZ"). Ölçüm: üye alanında bu token 99
     kuralda kullanılıyor ve --murekkep'e çözülüyordu; sonuç, kayıt ekranının sağ
     yarısının ve birincil düğmenin SİYAH olmasıydı — üstelik kamuya açık site çoktan
     turuncu düğme kullanıyordu (site.css: .dg-ana → --optik-dolgu), yani iki alan
     birbirinden kopmuştu. --marka-koyu seçildi çünkü hem dolgu (beyaz yazıyla 5,08:1)
     hem bağlantı rengi (beyaz zeminde 5,08:1) olarak AA'dan geçer. */
  --vurgu:var(--marka-koyu); --vurgu-metin:var(--dolgu-yazi);
  --ai:var(--dogru); --ai-metin:#ffffff;

  --golge:0 1px 2px rgba(30,30,30,.06), 0 24px 48px -24px rgba(30,30,30,.22);
  /* ⚠ `only light` — sadece `light` YETMEZ. Chrome'un Android'deki "Auto Dark Theme"
     özelliği, cihaz koyu moddayken yalnız `light` bildiren sayfaları YİNE DE zorla
     koyulaştırır; kullanıcı 2026-09-24'te canlıda bildirdi: "kayit.php bu ekran siyah
     zemin olmuş". `only` anahtar sözcüğü zorlamayı kapatan resmî opt-out'tur. */
  color-scheme:only light;
}


/* KOYU TEMA YOK. Kullanıcı kararı 2026-09-23: "koyu tema desteğini TAMAMEN İPTAL ET."
   Burada daha önce iki blok vardı (@media prefers-color-scheme:dark ve [data-tema="koyu"]).
   Kaldırıldı. Site TEK temalıdır: açık. `color-scheme:light` bunu tarayıcıya da bildirir,
   böylece form denetimleri ve kaydırma çubukları da açık basar. */
