/* ============================================
   ANDROFY DARK MODE
   ============================================ */
body.dark-mode {
    --primary: #4fc3f7;
    --primary-dark: #29b6f6;
    --primary-light: #1a2a3a;
    --secondary: #69f0ae;
    --accent: #ffab40;
    --surface: #1e1e2e;
    --surface-variant: #252540;
    --surface-2: #2a2a45;
    --surface-3: #353555;
    --bg: #16162a;
    --bg-pattern: linear-gradient(135deg, #1a1a30 0%, #0f0f20 100%);
    --text: #e0e0e0;
    --text-secondary: #b0b0c0;
    --text-muted: #7070a0;
    --border: #2a2a45;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.3);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.4);
    --shadow-lg: 0 8px 30px rgba(0,0,0,0.5);
    --shadow-xl: 0 16px 48px rgba(0,0,0,0.6);
}

body.dark-mode .site-header {
    background: rgba(30, 30, 46, 0.95);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--border);
}

body.dark-mode .site-header.scrolled {
    background: rgba(30, 30, 46, 0.98);
}

body.dark-mode .hero-section {
    background: linear-gradient(135deg, #1a1a30 0%, #1e2040 30%, #1a1a2e 60%, #201a30 100%);
}

body.dark-mode .hero-section::before {
    background: radial-gradient(circle, rgba(79,195,247,0.06) 0%, transparent 70%);
}

body.dark-mode .hero-section::after {
    background: radial-gradient(circle, rgba(105,240,174,0.05) 0%, transparent 70%);
}

body.dark-mode .hero-phone {
    background: #252540;
    box-shadow: var(--shadow-xl), 0 0 0 3px #353555, inset 0 0 0 2px #1e1e2e;
}

body.dark-mode .phone-notch {
    background: #0f0f20;
}

body.dark-mode .phone-screen {
    background: linear-gradient(180deg, #1e2040 0%, #1a1a30 100%);
}

body.dark-mode .phone-app-card {
    background: #252540;
    box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}

body.dark-mode .phone-app-name {
    color: #e0e0e0;
}

body.dark-mode .hero-floating-card {
    background: var(--surface);
    border: 1px solid var(--border);
}

body.dark-mode .hero-badge {
    background: var(--primary-light);
    color: var(--primary);
}

body.dark-mode .hero-buttons .btn-secondary {
    background: var(--surface);
    border-color: var(--border);
    color: var(--text);
}

body.dark-mode .stats-bar {
    background: var(--surface);
    border-bottom-color: var(--border);
}

body.dark-mode .post-card {
    background: var(--surface);
    border-color: var(--border);
}

body.dark-mode .post-card:hover {
    border-color: transparent;
}

body.dark-mode .sidebar-widget {
    background: var(--surface);
    border-color: var(--border);
}

body.dark-mode .section-header {
    border-bottom-color: var(--border);
}

body.dark-mode .section-title::after {
    background: var(--primary);
}

body.dark-mode .footer-brand .footer-logo-text span {
    color: var(--primary);
}

body.dark-mode .search-overlay {
    background: rgba(22, 22, 42, 0.97);
}

body.dark-mode .search-overlay .search-close {
    color: var(--text);
}

body.dark-mode .search-form-inner h3 {
    color: var(--text);
}

body.dark-mode .search-form-inner input[type="search"] {
    background: var(--surface);
    border-color: var(--border);
    color: var(--text);
}

body.dark-mode .search-form-inner input[type="search"]:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 4px rgba(79,195,247,0.15);
}

body.dark-mode .widget_search input[type="search"] {
    background: var(--surface-variant);
    color: var(--text);
    border-color: var(--border);
}

body.dark-mode .mobile-nav-drawer {
    background: var(--surface);
}

body.dark-mode .mobile-nav-drawer a {
    color: var(--text);
}

body.dark-mode .mobile-nav-drawer a:hover {
    background: var(--primary-light);
    color: var(--primary);
}

body.dark-mode .skeleton {
    background: linear-gradient(90deg, #252540 25%, #2a2a45 37%, #252540 63%);
    background-size: 400% 100%;
}

body.dark-mode .category-list-item:hover {
    background: var(--surface-variant);
}

body.dark-mode .page-numbers {
    background: var(--surface);
    border-color: var(--border);
    color: var(--text-secondary);
}

body.dark-mode .tag {
    background: var(--surface-variant);
    color: var(--text-secondary);
}

body.dark-mode .author-box {
    background: var(--surface-variant);
}

body.dark-mode .single-content blockquote {
    background: var(--primary-light);
}

body.dark-mode .hero-title .highlight {
    background: linear-gradient(135deg, var(--primary), #b388ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Smooth transition for dark mode switch */
body {
    transition: background-color 0.3s ease, color 0.3s ease;
}

body.dark-mode .site-header,
body.dark-mode .site-footer,
body.dark-mode .post-card,
body.dark-mode .sidebar-widget,
body.dark-mode .stats-bar {
    transition: background-color 0.3s ease, border-color 0.3s ease;
}