/* ══════════════════════════════════════════════════════════════════════
 * BU DOSYANIN TOKEN BLOĞU ŞU AN DEVRE DIŞI — BİLİNÇLİ OLARAK.
 * ══════════════════════════════════════════════════════════════════════
 *
 * İlk kural `:root,
 html,
 body,
 {` şeklinde yazılmış. "body,"
 * sonrasındaki boş bileşik seçici geçersizdir ve CSS spesifikasyonu gereği
 * seçici listesindeki tek bir geçersiz bileşen TÜM KURALI düşürür.
 * Tarayıcıda doğrulandı (document.styleSheets): dosya yalnızca 4 kural
 * üretiyor ve ilki `body`; `:root` bloğu hiç ayrıştırılmıyor.
 *
 * SONUÇ: Sitedeki her renk, `var(--x, yedek)` içindeki elle yazılmış yedek
 * değerden geliyor. "Tek kaynak" mimarisi hiç devreye girmemiş.
 *
 * VİRGÜL NEDEN DÜZELTİLMEDİ?
 * Düzeltme denendi ve ana sayfada ölçüldü: 911 öğede 94 özellik değişiyor.
 * Bu dosyadaki değerler LACİVERT bir marka için yazılmış ve hiç canlı
 * olmadığı için hiç doğrulanmamış. Açıldığında ortaya çıkanlar:
 *
 *   .op-capsule-submit-btn  yazı #ffffff -> rgb(165,165,165)   (ana arama CTA'sı)
 *   .op-tc-match-btn        yazı #ffffff -> rgb(184,187,192)   ("Eşleş" düğmeleri)
 *   .op-map-tab             zemin rgb(220,51,66) -> #0f172a    (marka kırmızısı kayboluyor)
 *   .op-tutor-card-preply   zemin opak -> %57 saydam, gölge 4px -> 0.57px
 *   .op-cat-card            zemin opak -> %57 saydam
 *
 * Yani virgülü düzeltmek iki birincil CTA'yı okunmaz hale getiriyor.
 *
 * DOĞRU YOL (ayrı bir iş olarak, yayından SONRA):
 *   1. Her token'ın değerini, tüketildiği yerdeki yedek değere eşitle.
 *   2. Tek tek aç, her adımda ana sayfa + iki panel + form sayfalarını ölç.
 *   3. Ancak hepsi eşitlendikten sonra virgülü kaldır.
 * Bunu kör yapmak siteyi yeniden tasarlar.
 * ══════════════════════════════════════════════════════════════════════ */
:root,
html,
body,
{
  /* ── Sayfa & Yüzeyler ── */
  --bg-page:               #ffffff;
  --bg-surface:            #ffffff;
  --bg-surface-secondary:  #f8fafc;
  --bg-surface-tertiary:   #f1f5f9;
  --bg-surface-elevated:   #ffffff;
  --bg-surface-inset:      #f8fafc;
  --bg-overlay:            rgba(15, 23, 42, 0.60);

  /* ── Metin Hiyerarşisi (100% Okunaklı Koyu Tipografi) ── */
  --text-primary:          #0f172a;
  --text-secondary:        #1e293b;
  --text-muted:            #475569;
  --text-subtle:           #64748b;
  --text-disabled:         #94a3b8;
  --text-inverse:          #ffffff;
  --text-on-brand:         #ffffff;

  /* ── Marka & Vurgu Renkleri ── */
  --brand-primary:         #0f172a;
  --brand-primary-light:   #1e293b;
  --brand-primary-dark:    #000000;
  --brand-primary-alpha:   rgba(15, 23, 42, 0.08);
  --brand-secondary:       #2563eb;
  --brand-secondary-alpha: rgba(37, 99, 235, 0.10);

  /* ── Kenarlıklar (Borders) ── */
  --border-subtle:         #f1f5f9;
  --border-default:        #e2e8f0;
  --border-strong:         #cbd5e1;
  --border-focus:          #0f172a;
  --border-input:          #cbd5e1;

  /* ── Form & Inputlar ── */
  --input-bg:              #ffffff;
  --input-text:            #0f172a;
  --input-placeholder:     #64748b;
  --input-border:          #cbd5e1;
  --input-border-focus:    #0f172a;
  --input-shadow-focus:    0 0 0 3px rgba(15, 23, 42, 0.12);
  --input-bg-disabled:     #f8fafc;
  --input-text-disabled:   #94a3b8;
  --select-bg:             #ffffff;

  /* ── Gölgeler (Shadows) ── */
  --shadow-xs:             0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-sm:             0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md:             0 4px 12px rgba(0, 0, 0, 0.06);
  --shadow-lg:             0 10px 25px rgba(0, 0, 0, 0.08);
  --shadow-card:           0 2px 8px rgba(0, 0, 0, 0.04);
  --shadow-modal:          0 20px 50px rgba(0, 0, 0, 0.16);

  /* ── Durum Bildirimleri (Semantic Status) ── */
  --color-success:         #15803d;
  --color-success-bg:      #f0fdf4;
  --color-success-text:    #166534;
  --color-success-border:  #bbf7d0;

  --color-warning:         #d97706;
  --color-warning-bg:      #fffbeb;
  --color-warning-text:    #92400e;
  --color-warning-border:  #fde68a;

  --color-error:           #dc2626;
  --color-error-bg:        #fef2f2;
  --color-error-text:      #991b1b;
  --color-error-border:    #fecaca;

  --color-info:            #2563eb;
  --color-info-bg:         #eff6ff;
  --color-info-text:       #1e40af;
  --color-info-border:     #bfdbfe;

  /* ── Header, Kart & Buton Tokenları ── */
  --header-bg:             #ffffff;
  --header-border:         #e2e8f0;
  --header-text:           #0f172a;
  --header-link-hover:     #2563eb;

  --sidebar-bg:            #ffffff;
  --sidebar-text:          #334155;
  --sidebar-link-hover-bg: #f1f5f9;
  --sidebar-link-hover-text:#0f172a;
  --sidebar-link-active-bg:#0f172a;
  --sidebar-link-active-text:#ffffff;
  --sidebar-section-label: #64748b;
  --sidebar-border:        #e2e8f0;

  --card-bg:               #ffffff;
  --card-border:           #e2e8f0;
  --card-shadow:           0 2px 8px rgba(0, 0, 0, 0.04);

  --table-header-bg:       #f8fafc;
  --table-header-text:     #0f172a;
  --table-row-bg:          #ffffff;
  --table-row-alt-bg:      #f8fafc;
  --table-row-hover-bg:    #f1f5f9;
  --table-border:          #e2e8f0;

  --modal-bg:              #ffffff;
  --modal-header-bg:       #f8fafc;
  --modal-border:          #e2e8f0;
  --modal-close-color:     #64748b;
  --modal-close-hover:     #0f172a;

  --btn-primary-bg:        #0f172a;
  --btn-primary-text:      #ffffff;
  --btn-primary-hover:     #1e293b;
  --btn-secondary-bg:      #ffffff;
  --btn-secondary-text:    #0f172a;
  --btn-secondary-hover:   #f1f5f9;
  --btn-ghost-text:        #475569;
  --btn-ghost-hover:       #f1f5f9;

  --badge-default-bg:      #f1f5f9;
  --badge-default-text:    #0f172a;

  color-scheme: light !important;
}

/* ── TÜM ELEMANLAR İÇİN EVRENSEL KONTRAST STANDARDI ── */
body {
  background-color: #ffffff !important;
  color: #1e293b !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Ciplak baslik secicisindeki !important kaldirildi: koyu/renkli zeminli
 * bolumlerin kendi baslik rengini kullanabilmesi icin. */
h1, h2, h3, h4, h5, h6 {
  /* renk tanimi kaldirildi: koyu/renkli zeminli bolumlerde baslik rengi
     ust kapsayicidan miras alinabilsin diye (bkz. contrast-guardrails.css). */
  font-weight: 800;
}

/* KALDIRILDI: p, span, label, td, th, li { color: #1e293b; }
 *
 * Bu ciplak eleman secicisi, koyu/renkli zeminli bir kutunun icindeki metnin
 * miras aldigi acik rengi eziyordu: dogrudan tanim her zaman mirasi yener.
 * Sonucta ana sayfadaki "Esles" butonu (#1e293b uzerine #0f172a, kontrast
 * 1.22:1) ve kirmizi/yesil bantlardaki yazilar okunamaz hale geliyordu.
 * contrast-guardrails.css de bu hasari buton buton geri almak icin yaziliyordu.
 *
 * Govde metni rengi zaten body'den miras aliniyor (bkz. asagidaki body kurali),
 * bu yuzden ayrica tanimlamaya gerek yok. */

a {
  color: #0f172a;
}
a:hover {
  color: #2563eb;
}