/* Temel Renkler */
:root {
    /* Ana Renkler */
    --primary-color: #2d4a2d;  /* Koyu yeşil - antrasit kömür tonu */
    --secondary-color: #6c757d;
    --text-color: #333333;
    --bg-color: #ffffff;
    --border-color: #dee2e6;
    --card-bg: #ffffff;
    --shadow-color: rgba(0,0,0,0.1);
    --navbar-bg: #ffffff;
    --footer-bg: #f8f9fa;
    --light-gray: #f8f9fa;
    --neon-accent: #3d5a3d;  /* Kod yeşili vurgu */
    --hover-neon: #4a6b4a;   /* Hover için daha açık ton */
    --turquoise-glow: #00d4ff;  /* Turkuaz ışıldama rengi */

    /* Layout */
    --container-padding: 1rem;
    --container-max-width: 1200px;
    --footer-divider-margin: 2rem;
    --content-max-width: 800px;

    /* Profil Bölümü */
    --profile-height: 260px;
    --profile-height-mobile: 220px;
    --profile-height-small: 180px;
    --profile-height-shrink: 80px;
    --profile-image-size: 120px;
    --profile-image-size-mobile: 100px;
    --profile-padding: 1.5rem;
    --profile-padding-mobile: 1rem;

    /* Z-index Katmanları */
    --z-header: 1000;
    --z-profile: 999;
    --z-nav: 1001;
    --z-mobile-nav: 1003;

    /* Animasyonlar */
    --transition-base: all 0.3s ease;
    --transition-profile: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-hover: all 0.2s ease;
    --transition-transform: transform 0.3s ease;

    /* Metin Gölgeleri */
    --text-shadow-base: 2px 2px 4px rgba(0, 0, 0, 0.5);
    --text-shadow-small: 1px 1px 2px rgba(0, 0, 0, 0.5);

    /* Editor Renkleri */
    --link-color: #2d4a2d;
    --link-hover-color: #3d5a3d;
    --blockquote-color: #6c757d;
    --code-bg: #f8f9fa;
    --table-border: #dee2e6;
    --table-header-bg: #f8f9fa;

    /* Kart Stilleri */
    --card-radius: 12px;
    --card-radius-sm: 8px;
    --card-radius-lg: 15px;
    --card-shadow: 0 4px 6px var(--shadow-color), 0 1px 3px var(--shadow-color);
    --card-hover-shadow: 0 15px 35px rgba(0, 212, 255, 0.2), 0 10px 25px rgba(0, 0, 0, 0.15);

    /* Badge Stilleri */
    --badge-radius: 25px;
    --badge-padding: 0.5rem 1rem;
    --badge-font-size: 0.9rem;

    /* Yazı Boyutları */
    --font-size-base: 1rem;
    --font-size-sm: 0.875rem;
    --font-size-lg: 1.25rem;
    --font-size-xl: 1.5rem;
    --font-size-2xl: 2rem;
    --font-size-3xl: 2.5rem;

    /* Boşluklar */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;
}

/* Karanlık Tema */
.dark-mode {
    --bg-color: #1a1a1a;
    --text-color: #ffffff;
    --primary-color: #4a6b4a;  /* Dark mode'da daha açık yeşil */
    --secondary-color: #adb5bd;
    --border-color: #404040;
    --card-bg: #2d2d2d;
    --shadow-color: rgba(255,255,255,0.1);
    --navbar-bg: #2d2d2d;
    --footer-bg: #2d2d2d;
    --light-gray: #2d2d2d;
    --code-bg: #2d2d2d;
    --table-header-bg: #404040;
    --neon-accent: #5a7d5a;  /* Dark mode kod yeşili */
    --hover-neon: #6b8e6b;   /* Dark mode hover */
}

/* Responsive Değişkenler */
@media (max-width: 1200px) {
    :root {
        --container-padding: 2rem;
    }
}

@media (max-width: 991px) {
    :root {
        --container-padding: 1.5rem;
        --font-size-3xl: 2.25rem;
    }
}

@media (max-width: 768px) {
    :root {
        --container-padding: 1rem;
        --profile-height: var(--profile-height-mobile);
        --profile-padding: var(--profile-padding-mobile);
        --profile-image-size: var(--profile-image-size-mobile);
        --font-size-3xl: 2rem;
        --font-size-2xl: 1.75rem;
        --font-size-xl: 1.25rem;
        --spacing-2xl: 2rem;
    }
}

@media (max-width: 576px) {
    :root {
        --container-padding: 0.75rem;
        --profile-height: var(--profile-height-small);
        --spacing-xl: 1.5rem;
        --spacing-lg: 1rem;
    }
}