/* ═══════════════════════════════════════════════════════════════
   TEMA - CSS Değişkenleri + Reset + Dark Mode
   ═══════════════════════════════════════════════════════════════ */

:root {
    /* Renk paleti - Light */
    --primary:        #4F46E5;
    --primary-600:    #4338CA;
    --primary-700:    #3730A3;
    --primary-50:     #EEF2FF;
    --primary-100:    #E0E7FF;

    --success:        #10B981;
    --success-50:     #ECFDF5;
    --warning:        #F59E0B;
    --warning-50:     #FFFBEB;
    --danger:         #EF4444;
    --danger-50:      #FEF2F2;
    --info:           #3B82F6;
    --info-50:        #EFF6FF;

    --dark:           #1E293B;
    --gray-900:       #0F172A;
    --gray-800:       #1E293B;
    --gray-700:       #334155;
    --gray-600:       #475569;
    --gray-500:       #64748B;
    --gray-400:       #94A3B8;
    --gray-300:       #CBD5E1;
    --gray-200:       #E2E8F0;
    --gray-100:       #F1F5F9;
    --gray-50:        #F8FAFC;
    --white:          #FFFFFF;

    /* Arka plan */
    --bg-body:        #F1F5F9;
    --bg-card:        #FFFFFF;
    --bg-sidebar:     #1E293B;
    --bg-header:      #FFFFFF;
    --bg-hover:       #F8FAFC;

    /* Metin */
    --text:           #0F172A;
    --text-secondary: #475569;
    --text-muted:     #94A3B8;
    --text-inverse:   #FFFFFF;

    /* Border */
    --border:         #E2E8F0;
    --border-dark:    #CBD5E1;

    /* Gölge */
    --shadow-sm: 0 1px 2px rgba(0,0,0,.04);
    --shadow:    0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);
    --shadow-md: 0 4px 6px rgba(0,0,0,.06), 0 2px 4px rgba(0,0,0,.04);
    --shadow-lg: 0 10px 15px rgba(0,0,0,.08), 0 4px 6px rgba(0,0,0,.04);
    --shadow-xl: 0 20px 25px rgba(0,0,0,.1),  0 10px 10px rgba(0,0,0,.04);

    /* Radius */
    --radius-sm: 6px;
    --radius:    10px;
    --radius-lg: 14px;
    --radius-xl: 20px;

    /* Geçişler */
    --t-fast: 0.15s ease;
    --t:      0.25s ease;
    --t-slow: 0.4s cubic-bezier(.4,0,.2,1);

    /* Layout */
    --sidebar-w: 260px;
    --header-h:  64px;

    --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* ─── DARK MODE ───────────────────────────── */
[data-theme="dark"] {
    --bg-body:     #0F172A;
    --bg-card:     #1E293B;
    --bg-sidebar:  #0B1220;
    --bg-header:   #1E293B;
    --bg-hover:    #334155;

    --text:         #F1F5F9;
    --text-secondary: #CBD5E1;
    --text-muted:   #94A3B8;

    --border:       #334155;
    --border-dark:  #475569;

    --gray-50:  #1E293B;
    --gray-100: #334155;
    --gray-200: #475569;

    --shadow-sm: 0 1px 2px rgba(0,0,0,.3);
    --shadow:    0 1px 3px rgba(0,0,0,.4);
    --shadow-md: 0 4px 6px rgba(0,0,0,.4);
    --shadow-lg: 0 10px 15px rgba(0,0,0,.5);
    --shadow-xl: 0 20px 25px rgba(0,0,0,.6);
}

/* ─── RESET ───────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body {
    font-family: var(--font);
    font-size: 15px;
    line-height: 1.55;
    color: var(--text);
    background: var(--bg-body);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: background-color var(--t), color var(--t);
    min-height: 100vh;
}

h1, h2, h3, h4, h5, h6 { margin: 0 0 .5em; font-weight: 700; color: var(--text); line-height: 1.25; }
h1 { font-size: 1.875rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.25rem; }
h4 { font-size: 1.125rem; }
p { margin: 0 0 1em; }

a { color: var(--primary); text-decoration: none; transition: color var(--t-fast); }
a:hover { color: var(--primary-600); }

img, svg { max-width: 100%; vertical-align: middle; }

button { font-family: inherit; cursor: pointer; }
input, textarea, select { font-family: inherit; font-size: inherit; }

/* ─── SCROLLBAR ───────────────────────────── */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--gray-300); border-radius: 6px; border: 2px solid var(--bg-body); }
::-webkit-scrollbar-thumb:hover { background: var(--gray-400); }

[data-theme="dark"] ::-webkit-scrollbar-thumb { background: var(--gray-600); }
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: var(--gray-500); }

/* ─── SEÇİM ───────────────────────────────── */
::selection { background: var(--primary); color: #fff; }