/* == - DYSLEXIA THEME - == */
/* ====================================================================
   DİSLEKSİ ERİŞİLEBİLİR PALETİ - data-ist-theme="dyslexia"

   Bilimsel Temel:
   · Rello & Bigham (2017) - 341 katılımcı, CMU/Univ.Edinburgh
     Şeftali > Turuncu > Sarı sıcak tonlar okuma performansını
     Mavi, Mavi-Gri, Yeşil soğuk tonlardan belirgin biçimde geliştirdi
   · British Dyslexia Association Stil Rehberi (2020)
     "Beyaz arka plandan kaçının. Krem veya yumuşak pastel renk kullanın."
     "Koyu (siyah değil) metin, açık (beyaz değil) zemin."
   · Turquoise zemin + sarı zemin EEG çalışmasında (PMC8146078)
     disleksili çocuklarda en kısa okuma süresini sağladı

   Tasarım Felsefesi:
   · Saf beyaz (#FFFFFF) zemin YASAK - göz kamaşması
   · Saf siyah (#000000) metin YASAK - vibrasyon/titreme hissi
   · Maksimum kontrast WCAG AAA ama keskinlik azaltılmış
   · Sıcak şeftali/krem zemin, koyu kahve metin
   · Harfler arası boşluk ve satır yüksekliği CSS'te önerilmeli
   ==================================================================== */

[data-ist-theme="dyslexia"] {
  /* === ZEMIN - Şeftali/Krem (BDA + Rello&Bigham ✓) === */
  --ist-bg: var(
    --color-alt-content-bg
  ); /* #EDE9DF;              /* Sıcak krem şeftali - saf beyaz değil */
  --ist-bg-rgb: 237, 217, 192;
  --ist-bg-dark: var(--color-alt-content-overlay); /* Biraz koyu krem varyant */
  --ist-bg-elevated: var(--color-alt-content-bg-alt); /* Yükseltilmiş alan */
  --ist-surface: #fffbf7; /* Kart/panel - hafifçe daha açık */
  --ist-surface-d1: #eae3d9; /* Kart koyu varyant */
  --ist-surface-dark: #f2e6d4; /* Sidebar, derin yüzey */
  --ist-surface-2: #f5ead8; /* Hover - ılık şeftali */
  --ist-surface-3: #edd9c0; /* Border/divider - tarçın krem */
  --ist-surface-4: #e0c9a6; /* Güçlü kontrast yüzey */
  --ist-wshine-bg: linear-gradient(
    50deg,
    #a78d78 0%,
    #dec8b0 33%,
    #8f7d73 67%,
    #d6c3a3 100%
  ) !important; /* Rich Brown */
  --ist-minicard-bg: #d6c3a3;
  --ist-logo-color: #f59e0b;

  /* === PRIMARY - Koyu Amber (şeftali zeminde AA ✓) ===
       Kontrast: 4.7:1 (WCAG AA ✓)
       BDA: Kırmızı ve yeşil PRIMARY olarak kullanma (renk körü riski) */
  --ist-primary: var(
    --color-alt-content-primary
  ); /* Amber-700 - sıcak, saf sarı değil */
  --ist-primary-dark: var(--color-alt-content-overlay); /* Koyu amber */
  --ist-primary-hover: var(--color-alt-content-link-hover);
  --ist-primary-fg: #fffbf7; /* Primary üzeri metin */
  --ist-primary-soft: rgba(180, 83, 9, 0.1);
  --ist-primary-50: rgba(180, 83, 9, 0.6);
  --ist-primary-border: rgba(180, 83, 9, 0.25);

  /* === SECONDARY - Koyu Lacivert ===
       Kontrast: 7.7:1 (WCAG AAA ✓)
       Şeftali zemin üzerinde en güvenli, renk körü güvenli */
  --ist-secondary: #1d4e8f;
  --ist-secondary-hover: #163d72;

  /* === ACCENT - Koyu Teal ===
       Disleksi: Turkuaz/teal BDA tarafından onaylanmış ✓ */
  --ist-accent: #0f6b74;
  --ist-accent-hover: #0a5059;

  /* === ACCENT 2 - Mor (BDA: mor zeminden kaçın ama metin olarak güvenli) === */
  --ist-accent-2: #5b21b6;
  --ist-accent-2-hover: #4c1d95;

  /* === ÖZEL RENKLER === */
  --ist-emerald-soft: rgba(15, 107, 116, 0.08);
  --ist-emerald: #f59e0b;
  --ist-emerald-dark: #0a5059;
  --ist-antique: #b45309;
  --ist-antique-soft: rgba(180, 83, 9, 0.08);
  --ist-antique-dark: #92400e;
  --ist-comment-user: #1d4e8f;
  --ist-post-title: #f59e0b;
  --ist-divide-light: #fff8e9;
  --ist-divide-dark: #b3ada4;
  --ist-divide-softdark: #baa88e;
  --ist-divide-softlight: #fffcf5;
  --ist-blockquote-bg: #6e473b;
  --ist-post-title: #f59e0b;
  --ist-inner-hero-text: var(--color-content-text);
  --isthome-hero-title-text: #f59e0b;

  /* === METİN HİYERARŞİSİ - BDA: Koyu ama siyah değil ===
       #2D2016 on #FDF6EE → 14.7:1 AAA ✓
       #4A3520 on #FDF6EE → 10.8:1 AAA ✓
       #6B4F30 on #FDF6EE →  7.0:1 AAA ✓
       #967856 on #FDF6EE →  3.8:1 AA-Large ✓
       NOT: Koyu kahve metin siyahın "vibrasyon" etkisini ortadan kaldırır */
  --ist-text: var(--color-alt-content-text); /* Espresso kahve - siyah değil */
  --ist-text-2: #4a3520;
  --ist-text-3: #6b4f30;
  --ist-text-muted: var(--color-alt-content-faded);
  --ist-text-h1-3d: rgba(140, 98, 57, 0.95);
  --ist-sidebar-strong: var(--ist-accent);
  --ist-h2-color: #92400e !important;
  --ist-h3-color: var(--ist-accent);
  --h3-font-size: 25px;

  /* === ACCORDEON === */
  --ist-acrd-border: #baaa96;
  --ist-acrd-bg: #baaa96;
  --ist-acrd-item-border: #baaa96;
  --ist-acrd-trigger-bg: var(--ist-surface-2);
  --ist-acrd-trigger-hover-bg: var(--ist-bg);
  --ist-acrd-trigger-hover-color: var(--ist-primary);
  --ist-acrd-trigger-ist-open-bg: rgba(245, 158, 11, 0.1);
  --ist-acrd-trigger-ist-open-color: var(--ist-text);
  --ist-acrd-icon-bg: var(--ist-surface-2);
  --ist-acrd-trigger-open-icon-bg: var(--ist-primary);
  --ist-acrd-trigger-open-icon-color: var(--ist-primary-fg);
  --ist-acrd-body-inner-color: var(--ist-text-2);
  --ist-acrd-body-inner-bg: var(--ist-surface-2);
  --ist-acrd-header-bg: var(--ist-module-title-bg) !important;
  --ist-acrd-header-border: var(--ist-primary);
  --ist-header-section-color: #234839;
  --ist-header-section-border: #926c15;

  /* === BORDER === */
  --ist-border: rgba(45, 32, 22, 0.1);
  --ist-border-strong: rgba(45, 32, 22, 0.18);
  --ist-border-light: rgba(146, 64, 14, 0.5);
  --ist-border-stone: #edd9c0;
  --ist-navbar-border: rgba(180, 83, 9, 0.5);

  --ist-post-panel-bg: #e0c9a6;
  --ist-post-panel-border: rgb(224, 201, 166, 0.8);

  /* === SEMANTİK RENKLER ===
       BDA UYARISI: Kırmızı ve yeşili tek başına anlam için KULLANMA
       Her zaman ikon + metin etiketi ekle
       Danger için lacivert alternatif de düşün (renk körü güvenli) */
  --ist-danger: #b91c1c; /* Kırmızı-700 - 6.0:1 AA ✓ */
  --ist-danger-soft: rgba(185, 28, 28, 0.08);
  --ist-warn: #92400e; /* Koyu amber - 6.6:1 AA ✓ */
  --ist-warn-soft: rgba(146, 64, 14, 0.08);
  --ist-success: #1d4e8f; /* Lacivert - yeşil değil, renk körü güvenli */
  --ist-success-soft: rgba(29, 78, 143, 0.08);
  --ist-info: #1e40af; /* Koyu mavi - 8.1:1 AAA ✓ */
  --ist-info-soft: rgba(30, 64, 175, 0.08);

  /* == FOOTER == */
  --ist-footer-bg: var(--color-subfooter-bg);
  --ist-footer-bg-elevated: var(--color-subfooter-bg-alt);
  --ist-footer-border: var(--color-subfooter-border);
  --ist-footer-heading: var(--color-subfooter-heading);
  --ist-footer-text: var(--color-subfooter-text);
  --ist-footer-link: var(--color-subfooter-link);
  --ist-footer-link-hover: var(--color-subfooter-link-hover);
}