/* 
==========================================================================
   TEMA SİSTEMİ - NİHAİ VERSİYON
   - Bu dosya, Jekyll tarafından işlenir.
   - Tüm renkler, _data/themes.yml dosyasından dinamik olarak okunur.
   - Sabit renk kodu yoktur.
========================================================================== 
*/

/* ==========================================================================
   1. BÖLÜM: DİNAMİK RENK DEĞİŞKENLERİNİN OLUŞTURULMASI
   ========================================================================== *//* "Mocha" teması için renkler */
  html[data-theme="mocha"] {
    /* Genel Stiller için Değişkenler */--gradient-start: #11111b;
      --gradient-end: #1e1e2e;
      --glow-color: #b4befe;/* Ana Sayfa Scrollbar Değişkenleri */
    --scrollbar-track: #1e1e2e;
    --scrollbar-thumb: #45475a;
    --scrollbar-thumb-hover: #585b70;

    /* YENİ: Modal Scrollbar Değişkenleri */
    --modal-scrollbar-track: #181825;
    --modal-scrollbar-thumb: #6c7086;
    --modal-scrollbar-thumb-hover: #7f849c;
    
    /* Markdown İçerik Değişkenleri */
    --modal-p-color: #bac2de;--modal-h1-color: #cba6f7;--modal-h2-color: #f38ba8;
    --modal-h3-color: #fab387;
    --modal-h4-color: #f9e2af;
    --modal-h5-color: #a6e3a1;
    
    --modal-h2-border-color: #45475a;
    --modal-a-color: #89b4fa;
    --modal-list-color: #bac2de;
    --modal-strong-color: #cdd6f4;
    --modal-code-bg: #313244;
    --modal-code-text: #f5e0dc;
    --modal-pre-bg: #181825;
    --modal-pre-text: #cdd6f4;
    --modal-quote-border: #94e2d5;
    --modal-quote-text: #a6adc8;
  }/* "Latte" teması için renkler */
  html[data-theme="latte"] {
    /* Genel Stiller için Değişkenler */--gradient-start: #e6e9ef;
      --gradient-end: #eff1f5;
      --glow-color: #8839ef;/* Ana Sayfa Scrollbar Değişkenleri */
    --scrollbar-track: #eff1f5;
    --scrollbar-thumb: #bcc0cc;
    --scrollbar-thumb-hover: #acb0be;

    /* YENİ: Modal Scrollbar Değişkenleri */
    --modal-scrollbar-track: #e6e9ef;
    --modal-scrollbar-thumb: #9ca0b0;
    --modal-scrollbar-thumb-hover: #8c8fa1;
    
    /* Markdown İçerik Değişkenleri */
    --modal-p-color: #5c5f77;--modal-h1-color: #e64553;--modal-h2-color: #d20f39;
    --modal-h3-color: #fe640b;
    --modal-h4-color: #df8e1d;
    --modal-h5-color: #40a02b;
    
    --modal-h2-border-color: #bcc0cc;
    --modal-a-color: #1e66f5;
    --modal-list-color: #5c5f77;
    --modal-strong-color: #4c4f69;
    --modal-code-bg: #ccd0da;
    --modal-code-text: #dc8a78;
    --modal-pre-bg: #e6e9ef;
    --modal-pre-text: #4c4f69;
    --modal-quote-border: #179299;
    --modal-quote-text: #6c6f85;
  }/* "Frappe" teması için renkler */
  html[data-theme="frappe"] {
    /* Genel Stiller için Değişkenler */--gradient-start: #232634;
      --gradient-end: #303446;
      --glow-color: #babbf1;/* Ana Sayfa Scrollbar Değişkenleri */
    --scrollbar-track: #303446;
    --scrollbar-thumb: #51576d;
    --scrollbar-thumb-hover: #626880;

    /* YENİ: Modal Scrollbar Değişkenleri */
    --modal-scrollbar-track: #292c3c;
    --modal-scrollbar-thumb: #737994;
    --modal-scrollbar-thumb-hover: #838ba7;
    
    /* Markdown İçerik Değişkenleri */
    --modal-p-color: #b5bfe2;--modal-h1-color: #ca9ee6;--modal-h2-color: #e78284;
    --modal-h3-color: #ef9f76;
    --modal-h4-color: #e5c890;
    --modal-h5-color: #b1e0a3;
    
    --modal-h2-border-color: #51576d;
    --modal-a-color: #8caaee;
    --modal-list-color: #b5bfe2;
    --modal-strong-color: #c6d0f5;
    --modal-code-bg: #414559;
    --modal-code-text: #f2d5cf;
    --modal-pre-bg: #292c3c;
    --modal-pre-text: #c6d0f5;
    --modal-quote-border: #a6d189;
    --modal-quote-text: #a5adce;
  }/* "Macchiato" teması için renkler */
  html[data-theme="macchiato"] {
    /* Genel Stiller için Değişkenler */--gradient-start: #181926;
      --gradient-end: #24273a;
      --glow-color: #b7bdf8;/* Ana Sayfa Scrollbar Değişkenleri */
    --scrollbar-track: #24273a;
    --scrollbar-thumb: #494d64;
    --scrollbar-thumb-hover: #5b6078;

    /* YENİ: Modal Scrollbar Değişkenleri */
    --modal-scrollbar-track: #1e2030;
    --modal-scrollbar-thumb: #6e738d;
    --modal-scrollbar-thumb-hover: #8087a2;
    
    /* Markdown İçerik Değişkenleri */
    --modal-p-color: #b8c0e0;--modal-h1-color: #c6a0f6;--modal-h2-color: #ed8796;
    --modal-h3-color: #f5a97f;
    --modal-h4-color: #eed49f;
    --modal-h5-color: #a6da95;
    
    --modal-h2-border-color: #494d64;
    --modal-a-color: #8aadf4;
    --modal-list-color: #b8c0e0;
    --modal-strong-color: #cad3f5;
    --modal-code-bg: #363a4f;
    --modal-code-text: #f4dbd6;
    --modal-pre-bg: #1e2030;
    --modal-pre-text: #cad3f5;
    --modal-quote-border: #8bd5ca;
    --modal-quote-text: #a5adce;
  }/* ==========================================================================
   2. BÖLÜM: STATİK CSS KURALLARI
   ========================================================================== */
html { scroll-behavior: smooth; }
.gradient-bg { background: linear-gradient(135deg, var(--gradient-start) 0%, var(--gradient-end) 100%); }
.card-hover { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.card-hover:hover { transform: translateY(-8px) scale(1.02); }
.social-btn { transition: all 0.3s ease; }
.social-btn:hover { transform: translateY(-2px); }
.floating-animation { animation: float 6s ease-in-out infinite; }
@keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-20px); } }
.glow-effect { box-shadow: 0 0 20px color-mix(in srgb, var(--glow-color) 30%, transparent); transition: box-shadow 0.3s ease; }
.glow-effect:hover { box-shadow: 0 0 30px color-mix(in srgb, var(--glow-color) 50%, transparent); }

/* Proje Modalı - Markdown İçerik Stilleri (Bu bölüm aynı kalıyor) */
.modal-markdown-content h1, .modal-markdown-content h2, .modal-markdown-content h3, .modal-markdown-content h4, .modal-markdown-content h5, .modal-markdown-content h6 { margin-top: 1.25em; margin-bottom: 0.5em; font-weight: 600; line-height: 1.3; }
.modal-markdown-content h1 { font-size: 2.25rem; color: var(--modal-h1-color); }
.modal-markdown-content h2 { font-size: 1.875rem; color: var(--modal-h2-color); padding-bottom: 0.3em; border-bottom: 1px solid var(--modal-h2-border-color); margin-bottom: 0.8em; }
.modal-markdown-content h3 { font-size: 1.5rem; color: var(--modal-h3-color); }
.modal-markdown-content h4 { font-size: 1.25rem; color: var(--modal-h4-color); }
.modal-markdown-content h5 { font-size: 1.125rem; color: var(--modal-h5-color); }
.modal-markdown-content p { margin-top: 0.75em; margin-bottom: 0.75em; line-height: 1.65; color: var(--modal-p-color); }
.modal-markdown-content a { color: var(--modal-a-color); text-decoration: none; }
.modal-markdown-content a:hover { text-decoration: underline; }
.modal-markdown-content ul, .modal-markdown-content ol { margin-top: 0.75em; margin-bottom: 0.75em; padding-left: 1.75em; color: var(--modal-list-color); }
.modal-markdown-content ul { list-style-type: disc; }
.modal-markdown-content ol { list-style-type: decimal; }
.modal-markdown-content li { margin-top: 0.25em; margin-bottom: 0.25em; }
.modal-markdown-content li > p { margin-top: 0; margin-bottom: 0; }
.modal-markdown-content strong { color: var(--modal-strong-color); font-weight: 600; }
.modal-markdown-content code { background-color: var(--modal-code-bg); color: var(--modal-code-text); padding: 0.2em 0.4em; font-size: 0.875em; border-radius: 0.25rem; }
.modal-markdown-content pre { background-color: var(--modal-pre-bg); color: var(--modal-pre-text); padding: 1em; overflow-x: auto; border-radius: 0.375rem; margin-top: 1em; margin-bottom: 1em; }
.modal-markdown-content pre code { background-color: transparent; padding: 0; font-size: inherit; color: inherit; }
.modal-markdown-content blockquote { border-left: 0.25em solid var(--modal-quote-border); padding-left: 1em; margin-left: 0; margin-right: 0; font-style: italic; color: var(--modal-quote-text); }
.modal-markdown-content img { max-width: 100%; height: auto; margin-top: 1.5em; margin-bottom: 1.5em; border-radius: 0.5rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }

/* Temaya Duyarlı Scrollbar Stilleri */
html { scrollbar-width: thin; scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track); }
body::-webkit-scrollbar { width: 10px; }
body::-webkit-scrollbar-track { background: var(--scrollbar-track); }
body::-webkit-scrollbar-thumb { background-color: var(--scrollbar-thumb); border-radius: 10px; border: 2px solid var(--scrollbar-track); }
body::-webkit-scrollbar-thumb:hover { background-color: var(--scrollbar-thumb-hover); }

/* YENİ: Modal İçeriği Scrollbar Stilleri */
#projectModalContentContainer { scrollbar-width: thin; scrollbar-color: var(--modal-scrollbar-thumb) var(--modal-scrollbar-track); }
#projectModalContentContainer::-webkit-scrollbar { width: 8px; }
#projectModalContentContainer::-webkit-scrollbar-track { background: var(--modal-scrollbar-track); border-radius: 8px; }
#projectModalContentContainer::-webkit-scrollbar-thumb { background-color: var(--modal-scrollbar-thumb); border-radius: 8px; border: 2px solid var(--modal-scrollbar-track); }
#projectModalContentContainer::-webkit-scrollbar-thumb:hover { background-color: var(--modal-scrollbar-thumb-hover); }