/**
 * themes.css — Темы блога i.projecttim.ru/blog
 * Каждая тема = CSS-переменные внутри [data-theme="xxx"] body
 */

/* ===== БАЗОВЫЕ ПЕРЕМЕННЫЕ (default / русский модерн) ===== */
:root{
  --parchment:#f0e6d2;
  --parchment-dark:#e8d9c0;
  --ink:#2c1810;
  --ink-light:#5c4033;
  --terracotta:#8b4513;
  --terracotta-light:#a0522d;
  --forest:#3d5c3a;
  --forest-light:#4a6b47;
  --deep-blue:#2a4d69;
  --bordeaux:#8b2635;
  --gold:#b8860b;
  --gold-light:#d4a017;
  --cream:#faf3e8;
  --border-decor:#c4a574;
  --accent:var(--terracotta);
  --accent-light:var(--terracotta-light);
  --header-bg-start:var(--forest);
  --header-bg-end:var(--forest-light);
  --ornament-color:var(--border-decor);
  --frame-color:var(--terracotta);
  --badge-bg:var(--terracotta);
  --badge-color:var(--cream);
}

/* ===== ПЕРЕКЛЮЧАТЕЛЬ ТЕМ ===== */
#theme-switcher{
  position:fixed;
  top:20px;
  right:20px;
  z-index:1001;
}
.theme-toggle-btn{
  display:flex;
  align-items:center;
  gap:6px;
  padding:8px 16px;
  background:var(--cream);
  border:2px solid var(--gold);
  border-radius:24px;
  cursor:pointer;
  font-family:'Cormorant Infant',serif;
  font-size:14px;
  font-weight:600;
  color:var(--ink);
  box-shadow:0 2px 10px rgba(0,0,0,.15);
  transition:all .3s;
}
.theme-toggle-btn:hover{
  transform:scale(1.05);
  box-shadow:0 4px 15px rgba(0,0,0,.2);
}
#theme-icon{font-size:18px}
#theme-label{font-size:13px}

.theme-panel{
  display:none;
  position:absolute;
  top:48px;
  right:0;
  width:320px;
  background:var(--cream);
  border:2px solid var(--border-decor);
  border-radius:4px 16px 4px 16px;
  box-shadow:0 10px 40px rgba(0,0,0,.25);
  overflow:hidden;
}
.theme-panel.open{display:block}
.theme-panel-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 18px;
  background:linear-gradient(135deg,var(--header-bg-start),var(--header-bg-end));
  color:var(--cream);
  border-bottom:2px solid var(--gold);
}
.theme-panel-header h4{
  font-family:'Underdog','Cormorant Infant',serif;
  font-size:16px;
  margin:0;
}
.theme-panel-close{
  background:none;
  border:none;
  color:var(--cream);
  font-size:18px;
  cursor:pointer;
}
.theme-panel-body{
  padding:12px;
  max-height:400px;
  overflow-y:auto;
}
.theme-divider{
  border:none;
  border-top:1px dashed var(--border-decor);
  margin:10px 0;
}
.theme-option{
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  padding:10px 12px;
  background:none;
  border:2px solid transparent;
  border-radius:4px 12px 4px 12px;
  cursor:pointer;
  transition:all .2s;
  text-align:left;
  margin-bottom:6px;
}
.theme-option:hover{
  background:var(--parchment);
  border-color:var(--border-decor);
}
.theme-option.active{
  background:var(--parchment);
  border-color:var(--gold);
  box-shadow:0 2px 8px rgba(0,0,0,.1);
}
.theme-option-icon{font-size:22px}
.theme-option-info{display:flex;flex-direction:column}
.theme-option-name{
  font-family:'Cormorant Infant',serif;
  font-size:14px;
  font-weight:700;
  color:var(--ink);
}
.theme-option-desc{
  font-size:12px;
  color:var(--ink-light);
  font-style:italic;
}

/* Бейдж праздника в хедере */
#holiday-badge{
  font-family:'Cormorant Infant',serif;
  font-size:14px;
  padding:6px 14px;
  background:var(--badge-bg);
  color:var(--badge-color);
  border-radius:20px;
  border:1px solid var(--gold);
  animation:pulse-holiday 3s infinite;
}
@keyframes pulse-holiday{
  0%,100%{opacity:1}
  50%{opacity:.7}
}

/* ============================================
   ТЕМА: ПАСХА (easter)
   ============================================ */
[data-theme="easter"]{
  --parchment:#faf5e8;
  --parchment-dark:#f5edd8;
  --ink:#3d1f1f;
  --ink-light:#6b4040;
  --terracotta:#a03030;
  --terracotta-light:#c44a4a;
  --forest:#2d5a2d;
  --forest-light:#4a7a4a;
  --bordeaux:#8b1a1a;
  --gold:#d4a017;
  --gold-light:#f0c040;
  --cream:#fffbf0;
  --border-decor:#d4b86a;
  --accent:var(--bordeaux);
  --accent-light:var(--terracotta-light);
  --header-bg-start:#2d5a2d;
  --header-bg-end:#4a7a4a;
  --badge-bg:var(--bordeaux);
  --badge-color:#fff;
}
[data-theme="easter"] .header{
  background:linear-gradient(180deg,var(--header-bg-start),var(--header-bg-end));
}
[data-theme="easter"] .header::after{content:'✦ ✦ ✦'}
[data-theme="easter"] .post::after{content:'✝'}

/* ============================================
   ТЕМА: РОЖДЕСТВО (christmas)
   ============================================ */
[data-theme="christmas"]{
  --parchment:#f5f0e6;
  --parchment-dark:#ebe4d4;
  --ink:#1a3a1a;
  --ink-light:#3d6b3d;
  --terracotta:#8b1a1a;
  --terracotta-light:#b03030;
  --forest:#1a4a1a;
  --forest-light:#2d6b2d;
  --bordeaux:#6b1010;
  --gold:#c9a030;
  --gold-light:#e0b840;
  --cream:#fff8ee;
  --border-decor:#b8a060;
  --accent:var(--terracotta);
  --accent-light:var(--terracotta-light);
  --header-bg-start:#1a3a1a;
  --header-bg-end:#2d5a2d;
  --badge-bg:var(--terracotta);
  --badge-color:#fff;
}
[data-theme="christmas"] .header{
  background:linear-gradient(180deg,var(--header-bg-start),var(--header-bg-end));
}
[data-theme="christmas"] .header::after{content:'❄ ❄ ❄'}
[data-theme="christmas"] .post::after{content:'✶'}

/* ============================================
   ТЕМА: ВЕЛИКИЙ ПОСТ (lent)
   ============================================ */
[data-theme="lent"]{
  --parchment:#e8e0d0;
  --parchment-dark:#ddd5c5;
  --ink:#3a3a3a;
  --ink-light:#5a5a5a;
  --terracotta:#6b5040;
  --terracotta-light:#8b7060;
  --forest:#4a4a4a;
  --forest-light:#6a6a6a;
  --bordeaux:#4a3030;
  --gold:#8b7355;
  --gold-light:#a08060;
  --cream:#f0ece4;
  --border-decor:#b0a090;
  --accent:var(--bordeaux);
  --accent-light:var(--terracotta-light);
  --header-bg-start:#4a4a4a;
  --header-bg-end:#6a6a6a;
  --badge-bg:var(--bordeaux);
  --badge-color:#e8e0d0;
}
[data-theme="lent"] .header{
  background:linear-gradient(180deg,var(--header-bg-start),var(--header-bg-end));
}
[data-theme="lent"] .header::after{content:'† † †'}
[data-theme="lent"] .post::after{content:'✝'}
[data-theme="lent"] .post-title{color:var(--ink)}
[data-theme="lent"] .post-title:hover{color:var(--bordeaux)}

/* ============================================
   ТЕМА: ТРОИЦА (trinity)
   ============================================ */
[data-theme="trinity"]{
  --parchment:#f0f5e8;
  --parchment-dark:#e5edd8;
  --ink:#1a3a1a;
  --ink-light:#3d6b3d;
  --terracotta:#3d6b2d;
  --terracotta-light:#5a8a40;
  --forest:#2d5a1a;
  --forest-light:#4a7a30;
  --bordeaux:#2d5a1a;
  --gold:#a0b860;
  --gold-light:#b8d070;
  --cream:#f8fbf0;
  --border-decor:#a0c080;
  --accent:var(--forest);
  --accent-light:var(--forest-light);
  --header-bg-start:#2d5a1a;
  --header-bg-end:#4a7a30;
  --badge-bg:var(--forest);
  --badge-color:#f0f5e8;
}
[data-theme="trinity"] .header{
  background:linear-gradient(180deg,var(--header-bg-start),var(--header-bg-end));
}
[data-theme="trinity"] .header::after{content:'🌿 🌿 🌿'}
[data-theme="trinity"] .post::after{content:'✿'}

/* ============================================
   ТЕМА: МАСЛЕНИЦА (maslenitsa)
   ============================================ */
[data-theme="maslenitsa"]{
  --parchment:#faf3e0;
  --parchment-dark:#f5eacd;
  --ink:#4a3010;
  --ink-light:#7a6040;
  --terracotta:#c97020;
  --terracotta-light:#e09040;
  --forest:#8b6000;
  --forest-light:#b08020;
  --bordeaux:#a05010;
  --gold:#e0a020;
  --gold-light:#f0c040;
  --cream:#fff8e8;
  --border-decor:#e0b060;
  --accent:var(--terracotta);
  --accent-light:var(--terracotta-light);
  --header-bg-start:#8b6000;
  --header-bg-end:#b08020;
  --badge-bg:var(--terracotta);
  --badge-color:#fff;
}
[data-theme="maslenitsa"] .header{
  background:linear-gradient(180deg,var(--header-bg-start),var(--header-bg-end));
}
[data-theme="maslenitsa"] .header::after{content:'🔥 🔥 🔥'}
[data-theme="maslenitsa"] .post::after{content:'☀'}

/* ============================================
   ТЕМА: КРЕЩЕНИЕ (baptism)
   ============================================ */
[data-theme="baptism"]{
  --parchment:#e8f0f5;
  --parchment-dark:#d8e5ed;
  --ink:#1a3a5a;
  --ink-light:#3d6b8b;
  --terracotta:#206090;
  --terracotta-light:#4080b0;
  --forest:#1a4a6a;
  --forest-light:#2d6a8a;
  --bordeaux:#1a4060;
  --gold:#6090b0;
  --gold-light:#80b0d0;
  --cream:#f0f8fb;
  --border-decor:#80b0d0;
  --accent:var(--forest);
  --accent-light:var(--forest-light);
  --header-bg-start:#1a4a6a;
  --header-bg-end:#2d6a8a;
  --badge-bg:var(--forest);
  --badge-color:#e8f0f5;
}
[data-theme="baptism"] .header{
  background:linear-gradient(180deg,var(--header-bg-start),var(--header-bg-end));
}
[data-theme="baptism"] .header::after{content:'💧 💧 💧'}
[data-theme="baptism"] .post::after{content:'🌊'}

/* ============================================
   ТЕМА: ПОКРОВ (pokrov)
   ============================================ */
[data-theme="pokrov"]{
  --parchment:#f5e8f0;
  --parchment-dark:#edd8e5;
  --ink:#4a1a3a;
  --ink-light:#7a4a6a;
  --terracotta:#8b3070;
  --terracotta-light:#a0508a;
  --forest:#5a2a4a;
  --forest-light:#7a4a6a;
  --bordeaux:#6b2050;
  --gold:#b080a0;
  --gold-light:#c8a0b8;
  --cream:#fbf0f8;
  --border-decor:#c8a0b8;
  --accent:var(--terracotta);
  --accent-light:var(--terracotta-light);
  --header-bg-start:#5a2a4a;
  --header-bg-end:#7a4a6a;
  --badge-bg:var(--terracotta);
  --badge-color:#f5e8f0;
}
[data-theme="pokrov"] .header{
  background:linear-gradient(180deg,var(--header-bg-start),var(--header-bg-end));
}
[data-theme="pokrov"] .header::after{content:'🛡 🛡 🛡'}
[data-theme="pokrov"] .post::after{content:'✿'}

/* ============================================
   ТЕМА: ВОЗДВИЖЕНИЕ КРЕСТА (cross)
   ============================================ */
[data-theme="cross"]{
  --parchment:#e8e0d8;
  --parchment-dark:#ddd5cc;
  --ink:#3a2010;
  --ink-light:#6b5040;
  --terracotta:#6b3020;
  --terracotta-light:#8b5040;
  --forest:#4a3020;
  --forest-light:#6b5040;
  --bordeaux:#5a2010;
  --gold:#a08060;
  --gold-light:#b8a080;
  --cream:#f0ece8;
  --border-decor:#b0a090;
  --accent:var(--terracotta);
  --accent-light:var(--terracotta-light);
  --header-bg-start:#4a3020;
  --header-bg-end:#6b5040;
  --badge-bg:var(--terracotta);
  --badge-color:#e8e0d8;
}
[data-theme="cross"] .header{
  background:linear-gradient(180deg,var(--header-bg-start),var(--header-bg-end));
}
[data-theme="cross"] .header::after{content:'✝ ✝ ✝'}
[data-theme="cross"] .post::after{content:'✝'}

/* ============================================
   ТЕМА: НИКОЛАЙ ЧУДОТВОРЕЦ (nikolay)
   ============================================ */
[data-theme="nikolay"]{
  --parchment:#e8f0e8;
  --parchment-dark:#d8e5d8;
  --ink:#1a3a2a;
  --ink-light:#3d6b4a;
  --terracotta:#206040;
  --terracotta-light:#408060;
  --forest:#1a4a30;
  --forest-light:#2d6a4a;
  --bordeaux:#1a4030;
  --gold:#609080;
  --gold-light:#80b0a0;
  --cream:#f0f8f0;
  --border-decor:#80b0a0;
  --accent:var(--forest);
  --accent-light:var(--forest-light);
  --header-bg-start:#1a4a30;
  --header-bg-end:#2d6a4a;
  --badge-bg:var(--forest);
  --badge-color:#e8f0e8;
}
[data-theme="nikolay"] .header{
  background:linear-gradient(180deg,var(--header-bg-start),var(--header-bg-end));
}
[data-theme="nikolay"] .header::after{content:'🎅 🎅 🎅'}
[data-theme="nikolay"] .post::after{content:'✶'}

/* ============================================
   ТЕМА: УСПЕНИЕ БОГОРОДИЦЫ (uspenie)
   ============================================ */
[data-theme="uspenie"]{
  --parchment:#f0e8f0;
  --parchment-dark:#e5d8e5;
  --ink:#3a1a3a;
  --ink-light:#6b4a6b;
  --terracotta:#703060;
  --terracotta-light:#905080;
  --forest:#5a2a5a;
  --forest-light:#7a4a7a;
  --bordeaux:#602050;
  --gold:#a080a0;
  --gold-light:#b8a0b8;
  --cream:#f8f0f8;
  --border-decor:#c0a0c0;
  --accent:var(--terracotta);
  --accent-light:var(--terracotta-light);
  --header-bg-start:#5a2a5a;
  --header-bg-end:#7a4a7a;
  --badge-bg:var(--terracotta);
  --badge-color:#f0e8f0;
}
[data-theme="uspenie"] .header{
  background:linear-gradient(180deg,var(--header-bg-start),var(--header-bg-end));
}
[data-theme="uspenie"] .header::after{content:'🌸 🌸 🌸'}
[data-theme="uspenie"] .post::after{content:'✿'}

/* ============================================
   ТЕМА: БЛАГОВЕЩЕНИЕ (blagoveshchenie)
   ============================================ */
[data-theme="blagoveshchenie"]{
  --parchment:#f0f8f5;
  --parchment-dark:#e0f0ec;
  --ink:#1a3a30;
  --ink-light:#3d6b5a;
  --terracotta:#308060;
  --terracotta-light:#50a080;
  --forest:#206050;
  --forest-light:#408070;
  --bordeaux:#205040;
  --gold:#80c0a0;
  --gold-light:#a0d8c0;
  --cream:#f8fbf0;
  --border-decor:#a0d8c0;
  --accent:var(--forest);
  --accent-light:var(--forest-light);
  --header-bg-start:#206050;
  --header-bg-end:#408070;
  --badge-bg:var(--forest);
  --badge-color:#f0f8f5;
}
[data-theme="blagoveshchenie"] .header{
  background:linear-gradient(180deg,var(--header-bg-start),var(--header-bg-end));
}
[data-theme="blagoveshchenie"] .header::after{content:'🕊 🕊 🕊'}
[data-theme="blagoveshchenie"] .post::after{content:'✿'}

/* ============================================
   ТЕМА: СРЕТЕНИЕ (sretenie)
   ============================================ */
[data-theme="sretenie"]{
  --parchment:#f5f0e8;
  --parchment-dark:#ede5d8;
  --ink:#3a2a1a;
  --ink-light:#6b5a4a;
  --terracotta:#8b6030;
  --terracotta-light:#a88050;
  --forest:#6a5020;
  --forest-light:#8a7040;
  --bordeaux:#5a4010;
  --gold:#c0a060;
  --gold-light:#d8b880;
  --cream:#fbf5e8;
  --border-decor:#d0b880;
  --accent:var(--terracotta);
  --accent-light:var(--terracotta-light);
  --header-bg-start:#6a5020;
  --header-bg-end:#8a7040;
  --badge-bg:var(--terracotta);
  --badge-color:#f5f0e8;
}
[data-theme="sretenie"] .header{
  background:linear-gradient(180deg,var(--header-bg-start),var(--header-bg-end));
}
[data-theme="sretenie"] .header::after{content:'🕯 🕯 🕯'}
[data-theme="sretenie"] .post::after{content:'✶'}

/* ============================================
   ТЕМА: ПРЕОБРАЖЕНИЕ (preobrazhenie)
   ============================================ */
[data-theme="preobrazhenie"]{
  --parchment:#f8f5e0;
  --parchment-dark:#f0eacc;
  --ink:#4a3a10;
  --ink-light:#7a6a40;
  --terracotta:#a08020;
  --terracotta-light:#c0a040;
  --forest:#807020;
  --forest-light:#a09040;
  --bordeaux:#706010;
  --gold:#d0b840;
  --gold-light:#e8d060;
  --cream:#fffce8;
  --border-decor:#e0d080;
  --accent:var(--terracotta);
  --accent-light:var(--terracotta-light);
  --header-bg-start:#807020;
  --header-bg-end:#a09040;
  --badge-bg:var(--terracotta);
  --badge-color:#f8f5e0;
}
[data-theme="preobrazhenie"] .header{
  background:linear-gradient(180deg,var(--header-bg-start),var(--header-bg-end));
}
[data-theme="preobrazhenie"] .header::after{content:'⛰ ⛰ ⛰'}
[data-theme="preobrazhenie"] .post::after{content:'☀'}

/* ============================================
   ТЕМА: ВВЕДЕНИЕ (vedenie)
   ============================================ */
[data-theme="vedenie"]{
  --parchment:#f0e8f8;
  --parchment-dark:#e5d8f0;
  --ink:#3a1a4a;
  --ink-light:#6b4a7a;
  --terracotta:#603080;
  --terracotta-light:#8050a0;
  --forest:#4a2060;
  --forest-light:#6a4080;
  --bordeaux:#401860;
  --gold:#9080b0;
  --gold-light:#a8a0c8;
  --cream:#f5f0fb;
  --border-decor:#c0b0d8;
  --accent:var(--terracotta);
  --accent-light:var(--terracotta-light);
  --header-bg-start:#4a2060;
  --header-bg-end:#6a4080;
  --badge-bg:var(--terracotta);
  --badge-color:#f0e8f8;
}
[data-theme="vedenie"] .header{
  background:linear-gradient(180deg,var(--header-bg-start),var(--header-bg-end));
}
[data-theme="vedenie"] .header::after{content:'📿 📿 📿'}
[data-theme="vedenie"] .post::after{content:'✶'}

/* ============================================
   ТЕМА: ВОЗНЕСЕНИЕ (ascension)
   ============================================ */
[data-theme="ascension"]{
  --parchment:#e8f0f8;
  --parchment-dark:#d8e5f0;
  --ink:#1a2a4a;
  --ink-light:#3d5a7a;
  --terracotta:#306080;
  --terracotta-light:#5080a0;
  --forest:#204a6a;
  --forest-light:#406a8a;
  --bordeaux:#204060;
  --gold:#80a0c0;
  --gold-light:#a0c0e0;
  --cream:#f0f5fb;
  --border-decor:#a0c0e0;
  --accent:var(--forest);
  --accent-light:var(--forest-light);
  --header-bg-start:#204a6a;
  --header-bg-end:#406a8a;
  --badge-bg:var(--forest);
  --badge-color:#e8f0f8;
}
[data-theme="ascension"] .header{
  background:linear-gradient(180deg,var(--header-bg-start),var(--header-bg-end));
}
[data-theme="ascension"] .header::after{content:'☁ ☁ ☁'}
[data-theme="ascension"] .post::after{content:'✝'}

/* ============================================
   ТЕМА: ПЕТРОВ ПОСТ (petrov)
   ============================================ */
[data-theme="petrov"]{
  --parchment:#e8ece8;
  --parchment-dark:#d8ddd8;
  --ink:#2a3a2a;
  --ink-light:#4a6a4a;
  --terracotta:#406050;
  --terracotta-light:#608070;
  --forest:#305040;
  --forest-light:#507060;
  --bordeaux:#204040;
  --gold:#709080;
  --gold-light:#90b0a0;
  --cream:#f0f4f0;
  --border-decor:#90b0a0;
  --accent:var(--forest);
  --accent-light:var(--forest-light);
  --header-bg-start:#305040;
  --header-bg-end:#507060;
  --badge-bg:var(--forest);
  --badge-color:#e8ece8;
}
[data-theme="petrov"] .header{
  background:linear-gradient(180deg,var(--header-bg-start),var(--header-bg-end));
}
[data-theme="petrov"] .header::after{content:'⛪ ⛪ ⛪'}
[data-theme="petrov"] .post::after{content:'✝'}

/* ============================================
   ТЕМА: РОЖДЕСТВО БОГОРОДИЦЫ (rozhdestvo_bogoroditsy)
   ============================================ */
[data-theme="rozhdestvo_bogoroditsy"]{
  --parchment:#f8f0f0;
  --parchment-dark:#f0e0e0;
  --ink:#4a1a2a;
  --ink-light:#7a4a5a;
  --terracotta:#903050;
  --terracotta-light:#b05070;
  --forest:#702040;
  --forest-light:#904060;
  --bordeaux:#601830;
  --gold:#c08090;
  --gold-light:#d8a0b0;
  --cream:#fbf0f2;
  --border-decor:#e0b0c0;
  --accent:var(--terracotta);
  --accent-light:var(--terracotta-light);
  --header-bg-start:#702040;
  --header-bg-end:#904060;
  --badge-bg:var(--terracotta);
  --badge-color:#f8f0f0;
}
[data-theme="rozhdestvo_bogoroditsy"] .header{
  background:linear-gradient(180deg,var(--header-bg-start),var(--header-bg-end));
}
[data-theme="rozhdestvo_bogoroditsy"] .header::after{content:'🌹 🌹 🌹'}
[data-theme="rozhdestvo_bogoroditsy"] .post::after{content:'✿'}
