/*
 * Dosya: /assets/css/base/_variables.css
 * Amaç: Projedeki tüm renkleri, fontları ve genel stil değişkenlerini barındırır.
 * Sürüm: 2.0 - web-theme eklentisiyle tam dark mode uyumluluğu eklendi.
 */

:root {
    /* === 1. Ally Theme Ana Paleti (Light Mode) === */
    --theme-palette-color-1: #00547B;  /* Birincil Marka Rengi (Koyu Mavi) */
    --theme-palette-color-2: #B2E334;  /* İkincil Vurgu Rengi (Canlı Yeşil) */
    --theme-palette-color-3: #54535E;  /* Ana Metin Rengi (Koyu Gri) */
    --theme-palette-color-4: #121212;  /* Başlık Rengi (Siyaha Yakın) */
    --theme-palette-color-5: #6c757d;  /* İkincil, Sessiz Metin (Orta Gri) */
    --theme-palette-color-6: #eeeeee;  /* İnce Çizgiler, Açık Gri Arka Planlar */
    --theme-palette-color-7: #FBFCFF;  /* Hafif Kırık Beyaz Arka Plan */
    --theme-palette-color-8: #FFFFFF;  /* Saf Beyaz (Ana Arka Plan) */
    
    /* === 2. Durum ve Bildirim Renkleri === */
    --theme-palette-color-9: #D32F2F;   /* Hata (Kırmızı) */
    --theme-palette-color-10: #F57C00;  /* Uyarı (Turuncu) */
    --theme-palette-color-11: #28a745;  /* Başarı (Yeşil) */
    --theme-palette-color-12: #0a803e;  /* Bilgi (Koyu Yeşil) */
    
    /* === 3. Statik Renkler (Dark Mode'dan ETKİLENMEZ) === */
    --theme-palette-color-13: #121212;
    --theme-palette-color-14: #ffffff;
    --theme-palette-color-15: #B2E334;
    --theme-palette-color-16: #00547B;
    --theme-palette-color-17: #54535e;
    --theme-palette-color-18: #eeeeee;
    --theme-palette-color-19: #1E1E1E;

    /* === 4. web-theme Eklentisi İçin Renk Eşleştirmesi (Light Mode) === */
    /* Bu bölüm, eklenti değişkenlerinin tema paletimizle aynı değerleri kullanmasını sağlar. */
    --color-primary: var(--theme-palette-color-1);
    --color-secondary: var(--theme-palette-color-2);
    --color-text-base: var(--theme-palette-color-4);
    --color-text-muted: var(--theme-palette-color-3);
    --color-text-subtle: var(--theme-palette-color-5);
    --color-background: var(--theme-palette-color-8);
    --color-background-soft: var(--theme-palette-color-7);
    --color-border-light: var(--theme-palette-color-7);
    --color-border-medium: var(--theme-palette-color-6);
    --color-white: var(--theme-palette-color-14);

    /* Statik renkler zaten paletimizde aynı isimle var, bu yüzden eşlemeye gerek yok */
    --color-static-danger: var(--theme-palette-color-9);
    --color-static-warning: var(--theme-palette-color-10);
    --color-static-success: var(--theme-palette-color-11);
    --color-static-info: var(--theme-palette-color-12);
    --color-static-dark: var(--theme-palette-color-13);
    --color-static-green: var(--theme-palette-color-15);
    --color-static-blue: var(--theme-palette-color-16);

    /* === 5. Genel Stil Değişkenleri === */
    --theme-transition: all 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --theme-normal-container-max-width: 1440px;
    --theme-container-width: min(100% - 40px, var(--theme-normal-container-max-width));
    --theme-content-spacing: 1.5em;

    --border-radius-base: 12px;
    --border-radius-small: 8px;
    --border-radius-pill: 20px;
    --border-radius-xs: 4px;
}

/* === 6. Dark Mode === */
/* Bu blok, hem işletim sistemi tercihini hem de kullanıcının butonla yaptığı seçimi yönetir. */
@media (prefers-color-scheme: dark) {
    body:not([data-color-mode="light"]) {
        /* Ally Theme paletini güncelle */
        --theme-palette-color-1: #B2E334;
        --theme-palette-color-2: #00547B;
        --theme-palette-color-3: #eeeeee;
        --theme-palette-color-4: #ffffff;
        --theme-palette-color-5: #eeeeee;
        --theme-palette-color-6: #343a40; /* Daha belirgin bir çizgi rengi */
        --theme-palette-color-7: #1E1E1E;
        --theme-palette-color-8: #121212;

        /* web-theme eklentisinin değişkenlerini de güncelle */
        --color-primary: var(--theme-palette-color-1);
        --color-secondary: var(--theme-palette-color-2);
        --color-text-base: var(--theme-palette-color-4);
        --color-text-muted: var(--theme-palette-color-3);
        --color-text-subtle: var(--theme-palette-color-5);
        --color-background: var(--theme-palette-color-8);
        --color-background-soft: var(--theme-palette-color-7);
        --color-border-light: var(--theme-palette-color-7);
        --color-border-medium: var(--theme-palette-color-6);
    }
}

/* Sadece kullanıcının butona tıklayarak yaptığı seçimi yönetir */
body[data-color-mode="dark"] {
    /* Ally Theme paletini güncelle */
    --theme-palette-color-1: #B2E334;
    --theme-palette-color-2: #00547B;
    --theme-palette-color-3: #eeeeee;
    --theme-palette-color-4: #ffffff;
    --theme-palette-color-5: #eeeeee;
    --theme-palette-color-6: #343a40; /* Daha belirgin bir çizgi rengi */
    --theme-palette-color-7: #1E1E1E;
    --theme-palette-color-8: #121212;

    /* web-theme eklentisinin değişkenlerini de güncelle */
    --color-primary: var(--theme-palette-color-1);
    --color-secondary: var(--theme-palette-color-2);
    --color-text-base: var(--theme-palette-color-4);
    --color-text-muted: var(--theme-palette-color-3);
    --color-text-subtle: var(--theme-palette-color-5);
    --color-background: var(--theme-palette-color-8);
    --color-background-soft: var(--theme-palette-color-7);
    --color-border-light: var(--theme-palette-color-7);
    --color-border-medium: var(--theme-palette-color-6);
}