/* Article Theme 1 (Default Premium Minimal) */
body.theme-article-1 {
    font-family: 'Inter', sans-serif;
}

/* Article Theme 2 (Vibrant Tech Theme) */
body.theme-article-2 {
    font-family: 'Consolas', 'Monaco', monospace;
    --bg: #f8ffff;
    --card: #e0f2fe;
    --primary: #0284c7;
    --border: #bae6fd;
}

[data-theme="dark"] body.theme-article-2 {
    --bg: #082f49;
    --card: #0c4a6e;
    --text: #e0f2fe;
    --border: #0284c7;
    --primary: #38bdf8;
    --primary-hover: #7dd3fc;
}

body.theme-article-2 .hero h1,
body.theme-article-2 .post-header h1,
body.theme-article-2 .post-content h2 {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 800;
    background: none;
    -webkit-text-fill-color: initial;
    color: var(--primary);
}

body.theme-article-2 .card {
    border-bottom: 4px solid var(--primary);
    border-radius: var(--radius-sm);
}

body.theme-article-2 .btn {
    border-radius: 0;
    text-transform: uppercase;
    font-weight: bold;
}

/* Common Article Component Overrides for consistency */
.post-header h1 { font-family: 'Outfit', sans-serif; font-weight: 800; background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

@media(max-width: 768px) {
    .post-header h1 { font-size: 2.2rem; }
    .post-meta { flex-direction: column; align-items: flex-start; gap: 0.5rem; }
}