/**
 * TeslaHub - Dark Theme
 * Varsayılan karanlık tema
 */

:root {
    /* Glassmorphism renkleri */
    --glass-bg: rgba(17, 17, 27, 0.7);
    --glass-bg-solid: rgba(17, 17, 27, 0.95);
    --glass-border: rgba(255, 255, 255, 0.1);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    --glass-hover: rgba(255, 255, 255, 0.05);

    /* Ana renkler */
    --primary: #3b82f6;
    --primary-light: #60a5fa;
    --primary-dark: #2563eb;
    --primary-glow: rgba(59, 130, 246, 0.5);

    --secondary: #8b5cf6;
    --secondary-light: #a78bfa;
    --secondary-dark: #7c3aed;

    --accent: #06b6d4;
    --accent-light: #22d3ee;
    --accent-dark: #0891b2;

    /* Durum renkleri */
    --success: #10b981;
    --success-light: #34d399;
    --success-dark: #059669;
    --success-bg: rgba(16, 185, 129, 0.1);

    --warning: #f59e0b;
    --warning-light: #fbbf24;
    --warning-dark: #d97706;
    --warning-bg: rgba(245, 158, 11, 0.1);

    --error: #ef4444;
    --error-light: #f87171;
    --error-dark: #dc2626;
    --error-bg: rgba(239, 68, 68, 0.1);

    --info: #3b82f6;
    --info-light: #60a5fa;
    --info-dark: #2563eb;
    --info-bg: rgba(59, 130, 246, 0.1);

    /* Arka plan */
    --bg-primary: #0a0a0f;
    --bg-secondary: #11111b;
    --bg-tertiary: #1a1a2e;
    --bg-elevated: #1e1e30;

    /* Metin */
    --text-primary: #ffffff;
    --text-secondary: rgba(255, 255, 255, 0.7);
    --text-muted: rgba(255, 255, 255, 0.4);
    --text-disabled: rgba(255, 255, 255, 0.25);

    /* Gradyanlar */
    --gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
    --gradient-success: linear-gradient(135deg, var(--success) 0%, var(--accent) 100%);
    --gradient-dark: linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);
    --gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);

    /* Batarya renkleri */
    --battery-full: #10b981;
    --battery-high: #34d399;
    --battery-medium: #fbbf24;
    --battery-low: #f87171;
    --battery-critical: #ef4444;

    /* Şarj renkleri */
    --charging-active: #10b981;
    --charging-idle: var(--text-muted);
    --charging-error: var(--error);

    /* Gölgeler */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);
    --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.6);
    --shadow-glow: 0 0 20px var(--primary-glow);
    --shadow-inner: inset 0 2px 4px rgba(0, 0, 0, 0.3);

    /* Overlay */
    --overlay-light: rgba(0, 0, 0, 0.3);
    --overlay-medium: rgba(0, 0, 0, 0.5);
    --overlay-heavy: rgba(0, 0, 0, 0.8);
}

/* Dark theme specific styles */
body {
    background: var(--bg-primary);
    background-image:
        radial-gradient(ellipse at top, rgba(59, 130, 246, 0.1) 0%, transparent 50%),
        radial-gradient(ellipse at bottom right, rgba(139, 92, 246, 0.05) 0%, transparent 50%);
    background-attachment: fixed;
}

/* Skeleton loading for dark theme */
.skeleton {
    background: linear-gradient(
        90deg,
        var(--bg-tertiary) 25%,
        var(--bg-secondary) 50%,
        var(--bg-tertiary) 75%
    );
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* Scrollbar for dark theme */
::-webkit-scrollbar-track {
    background: var(--bg-secondary);
}

::-webkit-scrollbar-thumb {
    background: var(--bg-tertiary);
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.2);
}

/* Input placeholders */
::placeholder {
    color: var(--text-muted);
}

/* Selection */
::selection {
    background: var(--primary);
    color: white;
}

/* Focus ring */
:focus-visible {
    outline-color: var(--primary);
}