/* ============================================================
   🎨 themes.css - ТЕМЫ ОФОРМЛЕНИЯ
   ============================================================ */

/* ===== ТЕМА: КРАСНЫЙ ===== */
.theme-red {
  --accent-main: #ef4444;
  --accent-light: #f87171;
  --accent-dark: #dc2626;
  --accent-rgb: 239,68,68;
  --accent-glass: rgba(239,68,68,0.08);
  --accent-glass-hover: rgba(239,68,68,0.20);
  --accent-border: rgba(239,68,68,0.15);
  --accent-border-hover: rgba(239,68,68,0.30);
  --accent-btn: linear-gradient(135deg, #ef4444, #dc2626);
  --accent-btn-hover: linear-gradient(135deg, #f87171, #ef4444);
  --accent-shadow: rgba(239,68,68,0.25);
  --accent-shadow-hover: rgba(239,68,68,0.4);
}

/* ===== ТЕМА: ОРАНЖЕВЫЙ ===== */
.theme-orange {
  --accent-main: #f97316;
  --accent-light: #fb923c;
  --accent-dark: #ea580c;
  --accent-rgb: 249,115,22;
  --accent-glass: rgba(249,115,22,0.08);
  --accent-glass-hover: rgba(249,115,22,0.20);
  --accent-border: rgba(249,115,22,0.15);
  --accent-border-hover: rgba(249,115,22,0.30);
  --accent-btn: linear-gradient(135deg, #f97316, #ea580c);
  --accent-btn-hover: linear-gradient(135deg, #fb923c, #f97316);
  --accent-shadow: rgba(249,115,22,0.25);
  --accent-shadow-hover: rgba(249,115,22,0.4);
}

/* ===== ТЕМА: ЖЁЛТЫЙ ===== */
.theme-yellow {
  --accent-main: #eab308;
  --accent-light: #facc15;
  --accent-dark: #ca8a04;
  --accent-rgb: 234,179,8;
  --accent-glass: rgba(234,179,8,0.08);
  --accent-glass-hover: rgba(234,179,8,0.20);
  --accent-border: rgba(234,179,8,0.15);
  --accent-border-hover: rgba(234,179,8,0.30);
  --accent-btn: linear-gradient(135deg, #eab308, #ca8a04);
  --accent-btn-hover: linear-gradient(135deg, #facc15, #eab308);
  --accent-shadow: rgba(234,179,8,0.25);
  --accent-shadow-hover: rgba(234,179,8,0.4);
}

/* ===== ТЕМА: ЗЕЛЁНЫЙ ===== */
.theme-green {
  --accent-main: #22c55e;
  --accent-light: #4ade80;
  --accent-dark: #16a34a;
  --accent-rgb: 34,197,94;
  --accent-glass: rgba(34,197,94,0.08);
  --accent-glass-hover: rgba(34,197,94,0.20);
  --accent-border: rgba(34,197,94,0.15);
  --accent-border-hover: rgba(34,197,94,0.30);
  --accent-btn: linear-gradient(135deg, #22c55e, #16a34a);
  --accent-btn-hover: linear-gradient(135deg, #4ade80, #22c55e);
  --accent-shadow: rgba(34,197,94,0.25);
  --accent-shadow-hover: rgba(34,197,94,0.4);
}

/* ===== ТЕМА: СИНИЙ ===== */
.theme-blue {
  --accent-main: #3b82f6;
  --accent-light: #60a5fa;
  --accent-dark: #2563eb;
  --accent-rgb: 59,130,246;
  --accent-glass: rgba(59,130,246,0.08);
  --accent-glass-hover: rgba(59,130,246,0.20);
  --accent-border: rgba(59,130,246,0.15);
  --accent-border-hover: rgba(59,130,246,0.30);
  --accent-btn: linear-gradient(135deg, #3b82f6, #2563eb);
  --accent-btn-hover: linear-gradient(135deg, #60a5fa, #3b82f6);
  --accent-shadow: rgba(59,130,246,0.25);
  --accent-shadow-hover: rgba(59,130,246,0.4);
}

/* ===== ТЕМА: ФИОЛЕТОВЫЙ ===== */
.theme-purple {
  --accent-main: #8b5cf6;
  --accent-light: #a78bfa;
  --accent-dark: #7c3aed;
  --accent-rgb: 139,92,246;
  --accent-glass: rgba(139,92,246,0.08);
  --accent-glass-hover: rgba(139,92,246,0.20);
  --accent-border: rgba(139,92,246,0.15);
  --accent-border-hover: rgba(139,92,246,0.30);
  --accent-btn: linear-gradient(135deg, #8b5cf6, #7c3aed);
  --accent-btn-hover: linear-gradient(135deg, #a78bfa, #8b5cf6);
  --accent-shadow: rgba(139,92,246,0.25);
  --accent-shadow-hover: rgba(139,92,246,0.4);
}