/* theme.css */

/* ========================================================= */
/* 1. KİŞİSELLEŞTİRİLMİŞ RENK PALETİ TANIMLARI               */
/* ========================================================= */

/* Vaveylas Tema (Default) */
:root,
body.theme-dracula {
    /* Mindazzle Digital Marketing Renk Paleti */
    --dracula-bg: #0d0b1d;
    --dracula-purple: #bc9af7;
    --dracula-current-line: #1a172c;
    --dracula-fg: #f8f8f2;
    --dracula-comment: #6272a4;
    --dracula-cyan: #8be9fd;
    --dracula-green: #50fa7b;
    --dracula-orange: #ffb86c;
    --dracula-pink: #ff79c6;
    --dracula-red: #ff5555;
    --dracula-yellow: #f1fa8c;

    /* Ek renkler */
    --mindazzle-light: #f8f8f2;
    --mindazzle-medium: #8be9fd;
    --mindazzle-accent: #ff79c6;
    --mindazzle-primary: #bc9af7;
    --mindazzle-dark: #1a172c;
    --mindazzle-darkest: #0d0b1d;
}

/* Açık Tema - Mevcut temanın daha açık versiyonu (beyaz değil, çok açık değil) */
body.theme-light {
    --dracula-bg: #2d2a3e;
    --dracula-purple: #bc9af7;
    --dracula-current-line: #3d3a4e;
    --dracula-fg: #e8e8e2;
    --dracula-comment: #7a8ab4;
    --dracula-cyan: #9be9fd;
    --dracula-green: #60fa8b;
    --dracula-orange: #ffc87c;
    --dracula-pink: #ff89d6;
    --dracula-red: #ff6565;
    --dracula-yellow: #f1fa9c;

    /* Ek renkler */
    --mindazzle-light: #e8e8e2;
    --mindazzle-medium: #9be9fd;
    --mindazzle-accent: #ff89d6;
    --mindazzle-primary: #bc9af7;
    --mindazzle-dark: #3d3a4e;
    --mindazzle-darkest: #2d2a3e;
}

/* Koyu Tema - Siyaha daha yakın tonlar */
body.theme-dark {
    --dracula-bg: #000000;
    --dracula-purple: #9d7ae7;
    --dracula-current-line: #0a0a0a;
    --dracula-fg: #e0e0e0;
    --dracula-comment: #505070;
    --dracula-cyan: #6bc9dd;
    --dracula-green: #40da6b;
    --dracula-orange: #df985c;
    --dracula-pink: #df69a6;
    --dracula-red: #df4545;
    --dracula-yellow: #d1da7c;

    /* Ek renkler */
    --mindazzle-light: #e0e0e0;
    --mindazzle-medium: #6bc9dd;
    --mindazzle-accent: #df69a6;
    --mindazzle-primary: #9d7ae7;
    --mindazzle-dark: #0a0a0a;
    --mindazzle-darkest: #000000;
}

/* ==================== YENİ TEMALAR ==================== */

/* 🌊 Okyanus Mavisi */
body.theme-ocean {
    --dracula-bg: #0a1628;
    --dracula-purple: #5b9cf5;
    --dracula-current-line: #111f3a;
    --dracula-fg: #e4eaf5;
    --dracula-comment: #4a6a9a;
    --dracula-cyan: #56d4f5;
    --dracula-green: #4ae68a;
    --dracula-orange: #f5a855;
    --dracula-pink: #e876b0;
    --dracula-red: #f55858;
    --dracula-yellow: #f5dc6b;

    --mindazzle-light: #e4eaf5;
    --mindazzle-medium: #56d4f5;
    --mindazzle-accent: #e876b0;
    --mindazzle-primary: #5b9cf5;
    --mindazzle-dark: #111f3a;
    --mindazzle-darkest: #0a1628;
}

/* 🔴 Kızıl Alev */
body.theme-crimson {
    --dracula-bg: #1a0a0e;
    --dracula-purple: #f55577;
    --dracula-current-line: #2a1218;
    --dracula-fg: #f5e4e7;
    --dracula-comment: #8a4a5a;
    --dracula-cyan: #f59ab0;
    --dracula-green: #50e68a;
    --dracula-orange: #f5a855;
    --dracula-pink: #ff4070;
    --dracula-red: #ff3355;
    --dracula-yellow: #f5c86b;

    --mindazzle-light: #f5e4e7;
    --mindazzle-medium: #f59ab0;
    --mindazzle-accent: #ff4070;
    --mindazzle-primary: #f55577;
    --mindazzle-dark: #2a1218;
    --mindazzle-darkest: #1a0a0e;
}

/* 🌿 Zümrüt Yeşil */
body.theme-emerald {
    --dracula-bg: #0a1a10;
    --dracula-purple: #4ae68a;
    --dracula-current-line: #122a1a;
    --dracula-fg: #e4f5ea;
    --dracula-comment: #4a8a5a;
    --dracula-cyan: #56d4c0;
    --dracula-green: #50fa7b;
    --dracula-orange: #f5b855;
    --dracula-pink: #e876b0;
    --dracula-red: #f55858;
    --dracula-yellow: #b8f56b;

    --mindazzle-light: #e4f5ea;
    --mindazzle-medium: #56d4c0;
    --mindazzle-accent: #e876b0;
    --mindazzle-primary: #4ae68a;
    --mindazzle-dark: #122a1a;
    --mindazzle-darkest: #0a1a10;
}

/* 🌅 Gün Batımı */
body.theme-sunset {
    --dracula-bg: #1a100a;
    --dracula-purple: #f5885a;
    --dracula-current-line: #2a1a12;
    --dracula-fg: #f5ece4;
    --dracula-comment: #8a6a4a;
    --dracula-cyan: #f5c085;
    --dracula-green: #85d465;
    --dracula-orange: #ff9944;
    --dracula-pink: #f56090;
    --dracula-red: #f54040;
    --dracula-yellow: #f5d455;

    --mindazzle-light: #f5ece4;
    --mindazzle-medium: #f5c085;
    --mindazzle-accent: #f56090;
    --mindazzle-primary: #f5885a;
    --mindazzle-dark: #2a1a12;
    --mindazzle-darkest: #1a100a;
}

/* 🌌 Gece Moru (Neon) */
body.theme-midnight {
    --dracula-bg: #090014;
    --dracula-purple: #d400ff;
    --dracula-current-line: #1c0033;
    --dracula-fg: #f5e6ff;
    --dracula-comment: #7d4a99;
    --dracula-cyan: #00e5ff;
    --dracula-green: #00ff9d;
    --dracula-orange: #ff9d00;
    --dracula-pink: #ff007b;
    --dracula-red: #ff3366;
    --dracula-yellow: #fce803;

    --mindazzle-light: #f5e6ff;
    --mindazzle-medium: #c266ff;
    --mindazzle-accent: #ff007b;
    --mindazzle-primary: #d400ff;
    --mindazzle-dark: #1c0033;
    --mindazzle-darkest: #090014;
}

/* ❄️ Bembeyaz */
body.theme-white {
    --dracula-bg: #ffffff;
    --dracula-purple: #8b5cf6;
    --dracula-current-line: #f3f4f6;
    --dracula-fg: #1f2937;
    --dracula-comment: #6b7280;
    --dracula-cyan: #06b6d4;
    --dracula-green: #10b981;
    --dracula-orange: #f59e0b;
    --dracula-pink: #ec4899;
    --dracula-red: #ef4444;
    --dracula-yellow: #eab308;

    --mindazzle-light: #1f2937;
    --mindazzle-medium: #06b6d4;
    --mindazzle-accent: #ec4899;
    --mindazzle-primary: #8b5cf6;
    --mindazzle-dark: #f3f4f6;
    --mindazzle-darkest: #ffffff;
}

/* ========================================================= */
/* 2. GENEL SIFIRLAMA VE BODY STİLLERİ                       */
/* ========================================================= */
* {
    box-sizing: border-box;
}

body {
    background-color: var(--dracula-bg);
    color: var(--dracula-fg);
    font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 0;
    padding: 0;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    background-color: var(--dracula-bg);
    color: var(--dracula-fg);
    font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 0;
    padding: 0;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Pürüzsüz ve Yavaş Tema Değişim Animasyonu (Aktif olduğunda tüm elementlere yayılır) */
.theme-changing-active,
.theme-changing-active *,
.theme-changing-active *::before,
.theme-changing-active *::after {
    transition: background-color 0.7s cubic-bezier(0.25, 0.1, 0.25, 1),
        color 0.7s cubic-bezier(0.25, 0.1, 0.25, 1),
        border-color 0.7s cubic-bezier(0.25, 0.1, 0.25, 1),
        box-shadow 0.7s cubic-bezier(0.25, 0.1, 0.25, 1),
        fill 0.7s cubic-bezier(0.25, 0.1, 0.25, 1) !important;
}

.dracula-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.dracula-content {
    padding: 40px 20px;
}