/* DSLLM Blog - Theme System */
/* Philosophy: Light and dark in perfect balance */

.theme-light {
    --bg-primary: #ffffff;
    --bg-secondary: #f9fafb;
    --text-primary: #2d3748;
    --text-secondary: #4a5568;
}

.theme-dark {
    --bg-primary: #1a202c;
    --bg-secondary: #2d3748;
    --text-primary: #f7fafc;
    --text-secondary: #e2e8f0;
    --border-color: #4a5568;
}

.theme-dark .header,
.theme-dark .hero {
    background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);
}

.theme-dark .blog-post,
.theme-dark .sidebar-widget {
    background: var(--bg-secondary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

.theme-dark .footer {
    background: #0d1117;
}

/* Auto theme based on system preference */
@media (prefers-color-scheme: dark) {
    :root {
        --bg-gray-50: #1a202c;
        --bg-white: #2d3748;
        --text-dark: #f7fafc;
        --text-medium: #e2e8f0;
        --border-color: #4a5568;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    :root {
        --primary-color: #0000ee;
        --secondary-color: #000080;
        --text-dark: #000000;
        --text-medium: #000000;
        --bg-white: #ffffff;
        --border-color: #000000;
    }
    
    .blog-post {
        border: 2px solid #000000;
    }
}