/* Тема A — Лесная поляна (по умолчанию, уже в style.css через :root) */

/* Тема B — Закат у костра */
body.theme-sunset {
    --brand: #A0522D;
    --brand-light: #b8673e;
    --warm: #D4952B;
    --warm-light: #E8CFC0;
    --action: #D4952B;
    --glamping: #9C27B0;
    --text: #3B2A1A;
    --text-hint: #9A8577;
    --bg: #FDF6EC;
    --bg-card: #FFFFFF;
    --bg-secondary: #F0E6D8;
    --border: #D4C4B0;
}

/* Тема C — Утренний туман */
body.theme-mist {
    --brand: #2A7B8B;
    --brand-light: #389aad;
    --warm: #E07A5F;
    --warm-light: #D0DDD9;
    --action: #E07A5F;
    --glamping: #9C27B0;
    --text: #2D3E40;
    --text-hint: #7A9A9E;
    --bg: #F0F4F3;
    --bg-card: #FFFFFF;
    --bg-secondary: #E4ECEB;
    --border: #C5D1CE;
}

/* Тема D — Лесная тропа */
body.theme-trail {
    --brand: #1B5E3B;
    --brand-light: #267a4e;
    --warm: #D45B1E;
    --warm-light: #C8D5B9;
    --action: #D45B1E;
    --glamping: #9C27B0;
    --text: #1E2A22;
    --text-hint: #7B8B6F;
    --bg: #F5F0E8;
    --bg-card: #FFFFFF;
    --bg-secondary: #E2DDD2;
    --border: #C8C3B5;
}

/* Тема E — Берег: свобода, лёгкость, вода и песок */
body.theme-shore {
    --brand: #0E7490;
    --brand-light: #1499b5;
    --warm: #D4A76A;
    --warm-light: #E6DDD0;
    --action: #0EA5C9;
    --glamping: #9C27B0;
    --text: #1A3A4A;
    --text-hint: #6B9AAA;
    --bg: #F5F9FA;
    --bg-card: #FFFFFF;
    --bg-secondary: #E0EEF2;
    --border: #B8D4DC;
}

/* Тема F — Костёр: уют, вечер, тёплая компания */
body.theme-campfire {
    --brand: #B45309;
    --brand-light: #D97706;
    --warm: #E8651A;
    --warm-light: #F5DCC8;
    --action: #E8651A;
    --glamping: #9C27B0;
    --text: #3B2516;
    --text-hint: #A08060;
    --bg: #FBF4EC;
    --bg-card: #FFF9F3;
    --bg-secondary: #F0E0CC;
    --border: #D9C4A8;
}

/* Тема G — Рассвет: нежность, обновление, мягкие краски */
body.theme-dawn {
    --brand: #9333EA;
    --brand-light: #A855F7;
    --warm: #EC4899;
    --warm-light: #F5D0E0;
    --action: #EC4899;
    --glamping: #9C27B0;
    --text: #3B1F4A;
    --text-hint: #9A7AAE;
    --bg: #FDF5FF;
    --bg-card: #FFFFFF;
    --bg-secondary: #F3E8F9;
    --border: #DCC8EB;
}

/* Тема H — Звёзды: побег от суеты, перезагрузка, ночь */
body.theme-starry {
    --brand: #6366F1;
    --brand-light: #818CF8;
    --warm: #F59E0B;
    --warm-light: #C7D2E8;
    --action: #F59E0B;
    --glamping: #C084FC;
    --text: #1E1B3A;
    --text-hint: #7B7AAE;
    --bg: #F0F0FA;
    --bg-card: #FAFAFF;
    --bg-secondary: #E2E2F0;
    --border: #C8C8E0;
}

/* Переключатель тем */
.theme-switcher {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
    padding: 8px 0;
}

.theme-btn {
    padding: 8px 2px;
    border-radius: 10px;
    border: 2px solid var(--border);
    background: var(--bg-card);
    cursor: pointer;
    text-align: center;
    font-size: 10px;
    color: var(--text);
    transition: all 0.2s;
    white-space: nowrap;
}

.theme-btn.active {
    border-color: var(--brand);
    background: var(--bg-secondary);
    font-weight: 600;
}

.theme-btn-dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin: 0 auto 3px;
}