/* Temel Renkler — 2026-10: maden haritası paleti.
   Azurit (mavi bakır minerali) vurgu, pirit (altın sarısı) ikincil vurgu;
   açık tema harita kâğıdı, koyu tema gece arazi ölçümü. */
:root {
    color-scheme: light;
    /* Ana Renkler */
    --primary-color: #2457c5;  /* Azurit */
    --secondary-color: #56637a;
    --text-color: #142033;
    --bg-color: #eef2f6;
    --border-color: #d3dbe6;
    --card-bg: #ffffff;
    --shadow-color: rgba(20, 32, 51, 0.08);
    --navbar-bg: #ffffff;
    --footer-bg: #e4eaf1;
    --light-gray: #e4eaf1;
    --neon-accent: #2457c5;
    --hover-neon: #1c46a3;
    --turquoise-glow: #2457c5;

    /* Marka (yeni) */
    --ore: #a57a16;            /* Pirit — açık zeminde okunur ton */
    --surface-2: #f6f8fb;
    --line: #d3dbe6;
    --font-sans: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-mono: "Roboto Mono", ui-monospace, monospace;
    --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
    --radius-s: 6px;
    --radius-m: 12px;

    /* 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: 0 1px 2px rgba(0, 0, 0, 0.35);
    --text-shadow-small: 0 1px 2px rgba(0, 0, 0, 0.35);

    /* Editor Renkleri */
    --link-color: #2457c5;
    --link-hover-color: #1c46a3;
    --blockquote-color: #56637a;
    --code-bg: #e4eaf1;
    --table-border: #d3dbe6;
    --table-header-bg: #e4eaf1;

    /* Kart Stilleri */
    --card-radius: 12px;
    --card-radius-sm: 8px;
    --card-radius-lg: 14px;
    --card-shadow: none;
    --card-hover-shadow: 0 12px 32px rgba(36, 87, 197, 0.12);

    /* Badge Stilleri */
    --badge-radius: 999px;
    --badge-padding: 0.4rem 0.9rem;
    --badge-font-size: 0.875rem;

    /* 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 {
    color-scheme: dark;
    --bg-color: #0e1626;
    --text-color: #e7ecf3;
    --primary-color: #6ea0ff;
    --secondary-color: #97a4b8;
    --border-color: #24324a;
    --card-bg: #142034;
    --shadow-color: rgba(0, 0, 0, 0.35);
    --navbar-bg: #142034;
    --footer-bg: #0e1626;
    --light-gray: #18263d;
    --code-bg: #101b2e;
    --table-header-bg: #18263d;
    --table-border: #24324a;
    --neon-accent: #6ea0ff;
    --hover-neon: #8db5ff;
    --turquoise-glow: #6ea0ff;
    --link-color: #8db5ff;
    --link-hover-color: #b3cdff;
    --blockquote-color: #97a4b8;
    --ore: #e2b84e;
    --surface-2: #111c2f;
    --line: #24324a;
    --card-hover-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
}

/* Follow the system theme when JavaScript is unavailable. A stored choice
   applied by the early initializer always takes precedence over this fallback. */
@media (prefers-color-scheme: dark) {
    :root:not(.theme-ready) {
        color-scheme: dark;
        --bg-color: #0e1626;
        --text-color: #e7ecf3;
        --primary-color: #6ea0ff;
        --secondary-color: #97a4b8;
        --border-color: #24324a;
        --card-bg: #142034;
        --shadow-color: rgba(0, 0, 0, 0.35);
        --navbar-bg: #142034;
        --footer-bg: #0e1626;
        --light-gray: #18263d;
        --code-bg: #101b2e;
        --table-header-bg: #18263d;
        --table-border: #24324a;
        --neon-accent: #6ea0ff;
        --hover-neon: #8db5ff;
        --turquoise-glow: #6ea0ff;
        --link-color: #8db5ff;
        --link-hover-color: #b3cdff;
        --blockquote-color: #97a4b8;
        --ore: #e2b84e;
        --surface-2: #111c2f;
        --line: #24324a;
        --card-hover-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    }
}

/* 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;
    }
}