/* === THEME.CSS === */

/* --- Aydınlık Tema (Varsayılan) --- */
:root, [data-theme="light"] {
    --color-primary: #007AFF;               /* Canlı Mavi (Apple Blue) */
    --color-primary-hover: #0056b3;         /* Koyu Mavi */
    --color-primary-translucent: rgba(0, 122, 255, 0.1);
    --color-primary-shadow: rgba(0, 122, 255, 0.2);

    --color-secondary: #5856D6;             /* Morumsu Mavi (Apple Indigo) */
    --color-secondary-hover: #3c3ab5;
    --color-secondary-shadow: rgba(88, 86, 214, 0.2);

    --color-background: #F9F9F9;            /* Çok açık gri, neredeyse beyaz */
    --color-background-offset: #FFFFFF;     /* Kartlar, yüzeyler için saf beyaz */
    --color-background-modal: #FFFFFF;
    
    --color-surface-hover: #EFEFF4;         /* Hafif gri hover */
    --color-surface-active: #E5E5EA;        /* Biraz daha koyu gri aktif */

    --color-text-primary: #1C1C1E;          /* Çok koyu gri, siyaha yakın */
    --color-text-secondary: #636366;        /* Orta gri */
    --color-text-heading: #000000;          /* Başlıklar için saf siyah */
    --color-text-nav: #3C3C43;              /* Navigasyon linkleri için biraz daha açık */
    
    --color-button-text-primary: #FFFFFF;
    --color-button-text-secondary: #FFFFFF;

    --color-border-strong: #C6C6C8;         /* Belirgin kenarlık */
    --color-border-subtle: #E5E5EA;         /* Hafif kenarlık */

    --color-shadow-soft: rgba(0, 0, 0, 0.05);
    --color-shadow-medium: rgba(0, 0, 0, 0.1);
    --color-shadow-strong: rgba(0, 0, 0, 0.15);

    --color-header-background: rgba(249, 249, 249, 0.85); /* Hafif transparan */
    --color-mobile-nav-background: rgba(249, 249, 249, 0.95);
    --color-footer-background: #F2F2F7;
    --color-text-footer: #636366;
    --color-text-footer-link: #007AFF;
    --color-text-footer-secondary: #8A8A8E;

    --color-focus-outline: #007AFF;
    --color-focus-shadow: rgba(0, 122, 255, 0.3);
    --color-modal-overlay: rgba(50, 50, 50, 0.6);

    /* İkon Renkleri (Tema Toggle) */
    --theme-toggle-sun-color: #FF9500; /* Turuncu */
    --theme-toggle-moon-color: #5856D6; /* İndigo */
}

/* --- Karanlık Tema --- */
[data-theme="dark"] {
    --color-primary: #0A84FF;               /* Biraz daha parlak Mavi */
    --color-primary-hover: #359DFF;
    --color-primary-translucent: rgba(10, 132, 255, 0.15);
    --color-primary-shadow: rgba(10, 132, 255, 0.25);

    --color-secondary: #5E5CE6;             /* Biraz daha parlak İndigo */
    --color-secondary-hover: #7D7BFA;
    --color-secondary-shadow: rgba(94, 92, 230, 0.25);

    --color-background: #0E0E10;            /* Çok koyu, siyaha çok yakın */
    --color-background-offset: #1C1C1E;     /* Kartlar, yüzeyler için koyu gri */
    --color-background-modal: #1A1A1C;      /* Modal arka planı biraz daha farklı olabilir */

    --color-surface-hover: #2C2C2E;
    --color-surface-active: #3A3A3C;

    --color-text-primary: #F2F2F7;          /* Çok açık gri, beyaza yakın */
    --color-text-secondary: #98989D;        /* Orta-açık gri */
    --color-text-heading: #FFFFFF;          /* Başlıklar için saf beyaz */
    --color-text-nav: #EBEBF5;

    --color-button-text-primary: #0E0E10; /* Koyu arka plan üzerinde açık renkli butonlar için */
    --color-button-text-secondary: #0E0E10;

    --color-border-strong: #3A3A3C;
    --color-border-subtle: #2C2C2E;

    --color-shadow-soft: rgba(0, 0, 0, 0.15);
    --color-shadow-medium: rgba(0, 0, 0, 0.25);
    --color-shadow-strong: rgba(0, 0, 0, 0.35);

    --color-header-background: rgba(14, 14, 16, 0.85); /* Koyu transparan */
    --color-mobile-nav-background: rgba(14, 14, 16, 0.95);
    --color-footer-background: #161618;
    --color-text-footer: #98989D;
    --color-text-footer-link: #0A84FF;
    --color-text-footer-secondary: #6E6E73;

    --color-focus-outline: #0A84FF;
    --color-focus-shadow: rgba(10, 132, 255, 0.4);
    --color-modal-overlay: rgba(0, 0, 0, 0.7);
}

/* Tema Değiştirme Butonu İkon Renkleri */
.theme-toggle-button .icon-sun { color: var(--theme-toggle-sun-color); }
.theme-toggle-button .icon-moon { color: var(--theme-toggle-moon-color); }

/* Tema geçişi için ikonların görünürlüğü */
[data-theme="light"] .theme-toggle-button .icon-moon {
    opacity: 1;
    transform: scale(1) rotate(0deg);
}
[data-theme="light"] .theme-toggle-button .icon-sun {
    opacity: 0;
    transform: scale(0) rotate(-90deg);
}

[data-theme="dark"] .theme-toggle-button .icon-moon {
    opacity: 0;
    transform: scale(0) rotate(90deg);
}
[data-theme="dark"] .theme-toggle-button .icon-sun {
    opacity: 1;
    transform: scale(1) rotate(0deg);
}