/* Вариативные темы. Переопределяют только токены и мелкие детали. */

.theme-classic {
    --font-serif: Georgia, "Times New Roman", serif;
}

.theme-tech {
    --accent: #0e7490;
    --accent-hover: #155e75;
    --accent-soft: #e0f2fe;
    --accent-2: #38bdf8;
    --radius: 10px;
    --font-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.theme-finance {
    --accent: #166534;
    --accent-hover: #14532d;
    --accent-soft: #dcfce7;
    --accent-2: #4ade80;
    --radius: 6px;
    --font-serif: Georgia, "Times New Roman", serif;
}

.theme-lifestyle {
    --accent: #c2410c;
    --accent-hover: #9a3412;
    --accent-soft: #ffedd5;
    --accent-2: #fb923c;
    --radius: 18px;
    --surface-soft: #f7f0e8;
    --font-serif: Georgia, "Times New Roman", serif;
}

.theme-auto {
    --accent: #b45309;
    --accent-hover: #92400e;
    --accent-soft: #fef3c7;
    --accent-2: #f59e0b;
    --radius: 4px;
    --surface-soft: #eef0f2;
    --font-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

@media (prefers-color-scheme: dark) {
    .theme-tech {
        --accent: #5eead4;
        --accent-hover: #99f6e4;
        --accent-soft: #0f2d33;
        --accent-2: #22d3ee;
    }
    .theme-finance {
        --accent: #4ade80;
        --accent-hover: #86efac;
        --accent-soft: #12301f;
        --accent-2: #22c55e;
    }
    .theme-lifestyle {
        --accent: #fdba74;
        --accent-hover: #fed7aa;
        --accent-soft: #3a2418;
        --accent-2: #fb923c;
        --surface-soft: #241d19;
    }
    .theme-auto {
        --accent: #fbbf24;
        --accent-hover: #fcd34d;
        --accent-soft: #3a2a12;
        --accent-2: #f59e0b;
        --surface-soft: #23262b;
    }
}

.theme-auto .card-category,
.theme-auto .tag {
    text-transform: uppercase;
    letter-spacing: .1em;
}

.theme-tech .section-head h2,
.theme-auto .section-head h2 {
    letter-spacing: -.02em;
}

.theme-finance .hero-title,
.theme-finance .card-title {
    letter-spacing: 0;
}

.theme-lifestyle .card-media,
.theme-lifestyle .card-placeholder,
.theme-lifestyle .hero-media img {
    border-bottom: 3px solid var(--accent-soft);
}

/* Варианты сетки (только десктоп, мобильные правила остаются базовыми). */
@media (min-width: 1025px) {
    .layout-compact .grid-3 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .layout-compact .hero {
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    }
    .layout-compact .card-title {
        font-size: 1rem;
    }
    .layout-magazine .grid-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .layout-magazine .card-title {
        font-size: 1.2rem;
    }
    .layout-magazine .hero-title {
        font-size: clamp(1.9rem, 1.25rem + 2vw, 3rem);
    }
    .layout-magazine .popular-list a {
        font-size: .95rem;
    }
    .layout-magazine .hero-side {
        padding: 1.4rem 1.5rem;
    }
}