/* ═══════════════════════════════════════════════════════
   ПРАВДА ВКУСНАЯ ШАУРМА — 20 ПРЕМИАЛЬНЫХ ДИЗАЙН-ТЕМ ОФОРМЛЕНИЯ
   🌸 8 Пастельных и сливочных (деликатные, уютные, аппетитные)
   🔥 6 Ярких и сочных (высококонтрастные, солнечные, энергичные)
   🌙 6 Стильных темных (неоновые, ночные, ресторанные)
   ═══════════════════════════════════════════════════════ */

/* ── 🌸 1. Сливочный Лаваш (По умолчанию: Пастельный теплый беж) ── */
[data-theme="lavash-pastel"],
[data-theme="tandir-cream"],
[data-theme="minimal-kraft"],
:root:not([data-theme]) {
  color-scheme: light;
  --bg-primary: #fcfaf6;
  --bg-ambient: radial-gradient(ellipse 90% 60% at 50% -10%, rgba(249, 115, 22, 0.08) 0%, rgba(252, 250, 246, 0.85) 50%, #fcfaf6 85%), radial-gradient(circle at 90% 85%, rgba(217, 119, 6, 0.05) 0%, transparent 50%);
  --bg-secondary: #ffffff;
  --bg-card: #ffffff;
  --bg-card-hover: #f8f4ed;
  --bg-input: #f3ece0;
  --bg-modal: #ffffff;
  --bg-sidebar: #f8f4ed;
  --bg-header: rgba(252, 250, 246, 0.96);
  --text-primary: #1f1a14;
  --text-secondary: #5c5244;
  --text-muted: #8c7e6c;
  --accent: #ea580c;
  --accent-hover: #c2410c;
  --accent-soft: rgba(234, 88, 12, 0.12);
  --accent-gradient: linear-gradient(135deg, #f97316, #ea580c);
  --border: rgba(140, 105, 70, 0.18);
  --border-subtle: rgba(140, 105, 70, 0.09);
  --border-active: #ea580c;
  --shadow-sm: 0 2px 8px rgba(100, 70, 40, 0.07), 0 1px 3px rgba(0, 0, 0, 0.03);
  --shadow-md: 0 6px 20px rgba(100, 70, 40, 0.10), 0 2px 6px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 14px 36px rgba(100, 70, 40, 0.14), 0 4px 12px rgba(0, 0, 0, 0.05);
  --edge-fade: #fcfaf6;
}

/* ── 🌸 2. Персиковый Пломбир (Нежный пастельный персик & крем) ── */
[data-theme="peach-cream"] {
  color-scheme: light;
  --bg-primary: #fff8f3;
  --bg-ambient: radial-gradient(ellipse 90% 60% at 50% -10%, rgba(251, 146, 60, 0.14) 0%, rgba(255, 248, 243, 0.85) 50%, #fff8f3 85%), radial-gradient(circle at 90% 85%, rgba(244, 63, 94, 0.06) 0%, transparent 50%);
  --bg-secondary: #ffffff;
  --bg-card: #ffffff;
  --bg-card-hover: #fff2e8;
  --bg-input: #fdeade;
  --bg-modal: #ffffff;
  --bg-sidebar: #fff2e8;
  --bg-header: rgba(255, 248, 243, 0.96);
  --text-primary: #24160e;
  --text-secondary: #664836;
  --text-muted: #99735a;
  --accent: #f97316;
  --accent-hover: #ea580c;
  --accent-soft: rgba(249, 115, 22, 0.13);
  --accent-gradient: linear-gradient(135deg, #fb923c, #f97316);
  --border: rgba(249, 115, 22, 0.18);
  --border-subtle: rgba(249, 115, 22, 0.09);
  --border-active: #f97316;
  --shadow-sm: 0 2px 8px rgba(120, 60, 20, 0.07), 0 1px 3px rgba(0, 0, 0, 0.03);
  --shadow-md: 0 6px 20px rgba(120, 60, 20, 0.10), 0 2px 6px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 14px 36px rgba(120, 60, 20, 0.14), 0 4px 12px rgba(0, 0, 0, 0.05);
  --edge-fade: #fff8f3;
}

/* ── 🌸 3. Фисташковый Крем (Пастельная фисташка & свежая мята) ── */
[data-theme="pistachio-mint"],
[data-theme="emerald-craft"] {
  color-scheme: light;
  --bg-primary: #f2faf5;
  --bg-ambient: radial-gradient(ellipse 90% 60% at 50% -10%, rgba(16, 185, 129, 0.13) 0%, rgba(242, 250, 245, 0.85) 50%, #f2faf5 85%), radial-gradient(circle at 90% 85%, rgba(5, 150, 105, 0.06) 0%, transparent 50%);
  --bg-secondary: #ffffff;
  --bg-card: #ffffff;
  --bg-card-hover: #eaf7ef;
  --bg-input: #dcf2e4;
  --bg-modal: #ffffff;
  --bg-sidebar: #eaf7ef;
  --bg-header: rgba(242, 250, 245, 0.96);
  --text-primary: #0f2417;
  --text-secondary: #355c45;
  --text-muted: #638e74;
  --accent: #10b981;
  --accent-hover: #059669;
  --accent-soft: rgba(16, 185, 129, 0.13);
  --accent-gradient: linear-gradient(135deg, #34d399, #10b981);
  --border: rgba(16, 185, 129, 0.20);
  --border-subtle: rgba(16, 185, 129, 0.10);
  --border-active: #10b981;
  --shadow-sm: 0 2px 8px rgba(16, 185, 129, 0.08), 0 1px 3px rgba(0, 0, 0, 0.03);
  --shadow-md: 0 6px 20px rgba(16, 185, 129, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 14px 36px rgba(16, 185, 129, 0.15), 0 4px 12px rgba(0, 0, 0, 0.05);
  --edge-fade: #f2faf5;
}

/* ── 🌸 4. Сырный Чеддер Крем (Сливочный сыр & теплый чеддер) ── */
[data-theme="cheddar-cream"],
[data-theme="cheddar-gold"] {
  color-scheme: light;
  --bg-primary: #fdfcf2;
  --bg-ambient: radial-gradient(ellipse 90% 60% at 50% -10%, rgba(234, 179, 8, 0.16) 0%, rgba(253, 252, 242, 0.85) 50%, #fdfcf2 85%), radial-gradient(circle at 90% 85%, rgba(245, 158, 11, 0.08) 0%, transparent 50%);
  --bg-secondary: #ffffff;
  --bg-card: #ffffff;
  --bg-card-hover: #fbf8e4;
  --bg-input: #f7f2d0;
  --bg-modal: #ffffff;
  --bg-sidebar: #fbf8e4;
  --bg-header: rgba(253, 252, 242, 0.96);
  --text-primary: #24200c;
  --text-secondary: #5e5428;
  --text-muted: #8c7f46;
  --accent: #d97706;
  --accent-hover: #b45309;
  --accent-soft: rgba(217, 119, 6, 0.14);
  --accent-gradient: linear-gradient(135deg, #f59e0b, #d97706);
  --border: rgba(217, 119, 6, 0.20);
  --border-subtle: rgba(217, 119, 6, 0.10);
  --border-active: #d97706;
  --shadow-sm: 0 2px 8px rgba(120, 90, 20, 0.07), 0 1px 3px rgba(0, 0, 0, 0.03);
  --shadow-md: 0 6px 20px rgba(120, 90, 20, 0.11), 0 2px 6px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 14px 36px rgba(120, 90, 20, 0.15), 0 4px 12px rgba(0, 0, 0, 0.05);
  --edge-fade: #fdfcf2;
}

/* ── 🌸 5. Ягодный Йогурт & Зефир (Нежный розовый пастель) ── */
[data-theme="berry-yogurt"] {
  color-scheme: light;
  --bg-primary: #fdf4f7;
  --bg-ambient: radial-gradient(ellipse 90% 60% at 50% -10%, rgba(244, 63, 94, 0.12) 0%, rgba(253, 244, 247, 0.85) 50%, #fdf4f7 85%), radial-gradient(circle at 90% 85%, rgba(236, 72, 153, 0.06) 0%, transparent 50%);
  --bg-secondary: #ffffff;
  --bg-card: #ffffff;
  --bg-card-hover: #faebf1;
  --bg-input: #f5dbe6;
  --bg-modal: #ffffff;
  --bg-sidebar: #faebf1;
  --bg-header: rgba(253, 244, 247, 0.96);
  --text-primary: #28111a;
  --text-secondary: #6b3749;
  --text-muted: #9b5c71;
  --accent: #f43f5e;
  --accent-hover: #e11d48;
  --accent-soft: rgba(244, 63, 94, 0.13);
  --accent-gradient: linear-gradient(135deg, #fb7185, #f43f5e);
  --border: rgba(244, 63, 94, 0.18);
  --border-subtle: rgba(244, 63, 94, 0.09);
  --border-active: #f43f5e;
  --shadow-sm: 0 2px 8px rgba(130, 30, 60, 0.07), 0 1px 3px rgba(0, 0, 0, 0.03);
  --shadow-md: 0 6px 20px rgba(130, 30, 60, 0.10), 0 2px 6px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 14px 36px rgba(130, 30, 60, 0.14), 0 4px 12px rgba(0, 0, 0, 0.05);
  --edge-fade: #fdf4f7;
}

/* ── 🌸 6. Ванильный Раф & Карамель (Теплый кофе-бар & пекарня) ── */
[data-theme="vanilla-latte"],
[data-theme="coffee-mocha"] {
  color-scheme: light;
  --bg-primary: #faf6f0;
  --bg-ambient: radial-gradient(ellipse 90% 60% at 50% -10%, rgba(217, 119, 6, 0.12) 0%, rgba(250, 246, 240, 0.85) 50%, #faf6f0 85%), radial-gradient(circle at 90% 85%, rgba(180, 83, 9, 0.06) 0%, transparent 50%);
  --bg-secondary: #ffffff;
  --bg-card: #ffffff;
  --bg-card-hover: #f4eee3;
  --bg-input: #ece2d3;
  --bg-modal: #ffffff;
  --bg-sidebar: #f4eee3;
  --bg-header: rgba(250, 246, 240, 0.96);
  --text-primary: #261d15;
  --text-secondary: #634f3e;
  --text-muted: #947c66;
  --accent: #b45309;
  --accent-hover: #92400e;
  --accent-soft: rgba(180, 83, 9, 0.13);
  --accent-gradient: linear-gradient(135deg, #d97706, #b45309);
  --border: rgba(180, 83, 9, 0.18);
  --border-subtle: rgba(180, 83, 9, 0.09);
  --border-active: #b45309;
  --shadow-sm: 0 2px 8px rgba(90, 60, 30, 0.07), 0 1px 3px rgba(0, 0, 0, 0.03);
  --shadow-md: 0 6px 20px rgba(90, 60, 30, 0.10), 0 2px 6px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 14px 36px rgba(90, 60, 30, 0.14), 0 4px 12px rgba(0, 0, 0, 0.05);
  --edge-fade: #faf6f0;
}

/* ── 🌸 7. Небесный Бриз & Лед (Пастельный голубой & лед) ── */
[data-theme="sky-breeze"],
[data-theme="nordic-ice"] {
  color-scheme: light;
  --bg-primary: #f1f8fc;
  --bg-ambient: radial-gradient(ellipse 90% 60% at 50% -10%, rgba(2, 132, 199, 0.13) 0%, rgba(241, 248, 252, 0.85) 50%, #f1f8fc 85%), radial-gradient(circle at 90% 85%, rgba(14, 165, 233, 0.06) 0%, transparent 50%);
  --bg-secondary: #ffffff;
  --bg-card: #ffffff;
  --bg-card-hover: #e6f3fa;
  --bg-input: #d4ebf7;
  --bg-modal: #ffffff;
  --bg-sidebar: #e6f3fa;
  --bg-header: rgba(241, 248, 252, 0.96);
  --text-primary: #0e2130;
  --text-secondary: #365670;
  --text-muted: #6286a3;
  --accent: #0284c7;
  --accent-hover: #0369a1;
  --accent-soft: rgba(2, 132, 199, 0.12);
  --accent-gradient: linear-gradient(135deg, #38bdf8, #0284c7);
  --border: rgba(2, 132, 199, 0.18);
  --border-subtle: rgba(2, 132, 199, 0.09);
  --border-active: #0284c7;
  --shadow-sm: 0 2px 8px rgba(2, 132, 199, 0.08), 0 1px 3px rgba(0, 0, 0, 0.03);
  --shadow-md: 0 6px 20px rgba(2, 132, 199, 0.11), 0 2px 6px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 14px 36px rgba(2, 132, 199, 0.15), 0 4px 12px rgba(0, 0, 0, 0.05);
  --edge-fade: #f1f8fc;
}

/* ── 🌸 8. Нежная Матча & Авокадо (Пастельный чай & легкий крафт) ── */
[data-theme="matcha-fresh"],
[data-theme="fresh-wasabi"] {
  color-scheme: light;
  --bg-primary: #f5f9f0;
  --bg-ambient: radial-gradient(ellipse 90% 60% at 50% -10%, rgba(101, 163, 13, 0.13) 0%, rgba(245, 249, 240, 0.85) 50%, #f5f9f0 85%), radial-gradient(circle at 90% 85%, rgba(132, 204, 22, 0.06) 0%, transparent 50%);
  --bg-secondary: #ffffff;
  --bg-card: #ffffff;
  --bg-card-hover: #ebf4e3;
  --bg-input: #dcedcf;
  --bg-modal: #ffffff;
  --bg-sidebar: #ebf4e3;
  --bg-header: rgba(245, 249, 240, 0.96);
  --text-primary: #172510;
  --text-secondary: #415933;
  --text-muted: #6e8c5d;
  --accent: #65a30d;
  --accent-hover: #4d7c0f;
  --accent-soft: rgba(101, 163, 13, 0.13);
  --accent-gradient: linear-gradient(135deg, #84cc16, #65a30d);
  --border: rgba(101, 163, 13, 0.18);
  --border-subtle: rgba(101, 163, 13, 0.09);
  --border-active: #65a30d;
  --shadow-sm: 0 2px 8px rgba(60, 100, 15, 0.07), 0 1px 3px rgba(0, 0, 0, 0.03);
  --shadow-md: 0 6px 20px rgba(60, 100, 15, 0.10), 0 2px 6px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 14px 36px rgba(60, 100, 15, 0.14), 0 4px 12px rgba(0, 0, 0, 0.05);
  --edge-fade: #f5f9f0;
}

/* ── 🔥 9. Гриль №1 Clean & Оранж (Яркий белоснежный воздух & пламя) ── */
[data-theme="light-clean"] {
  color-scheme: light;
  --bg-primary: #edf2f7;
  --bg-ambient: radial-gradient(ellipse 90% 50% at 50% -10%, rgba(255, 107, 0, 0.12) 0%, rgba(237, 242, 247, 0.8) 55%, #edf2f7 85%), radial-gradient(circle at 90% 85%, rgba(255, 140, 0, 0.06) 0%, transparent 50%);
  --bg-secondary: #ffffff;
  --bg-card: #ffffff;
  --bg-card-hover: #f8fafc;
  --bg-input: #e2e8f0;
  --bg-modal: #ffffff;
  --bg-sidebar: #f8fafc;
  --bg-header: rgba(248, 250, 252, 0.96);
  --text-primary: #0f172a;
  --text-secondary: #475569;
  --text-muted: #64748b;
  --accent: #ff6b00;
  --accent-hover: #ea580c;
  --accent-soft: rgba(255, 107, 0, 0.14);
  --accent-gradient: linear-gradient(135deg, #ff6b00, #ea580c);
  --border: rgba(15, 23, 42, 0.14);
  --border-subtle: rgba(15, 23, 42, 0.08);
  --border-active: #ff6b00;
  --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 6px 20px rgba(15, 23, 42, 0.10), 0 2px 6px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 14px 36px rgba(15, 23, 42, 0.12), 0 4px 12px rgba(0, 0, 0, 0.06);
  --edge-fade: #edf2f7;
}

/* ── 🔥 10. Солнечный Манго & Цитрус (Яркий солнечный оранж) ── */
[data-theme="sunset-citrus"] {
  color-scheme: light;
  --bg-primary: #fef7ea;
  --bg-ambient: radial-gradient(ellipse 90% 55% at 50% -10%, rgba(234, 88, 12, 0.16) 0%, rgba(254, 247, 234, 0.85) 50%, #fef7ea 85%), radial-gradient(circle at 90% 85%, rgba(245, 158, 11, 0.08) 0%, transparent 50%);
  --bg-secondary: #ffffff;
  --bg-card: #ffffff;
  --bg-card-hover: #fef0d7;
  --bg-input: #fde5bd;
  --bg-modal: #ffffff;
  --bg-sidebar: #fef0d7;
  --bg-header: rgba(254, 247, 234, 0.96);
  --text-primary: #241407;
  --text-secondary: #663d19;
  --text-muted: #946132;
  --accent: #ea580c;
  --accent-hover: #c2410c;
  --accent-soft: rgba(234, 88, 12, 0.15);
  --accent-gradient: linear-gradient(135deg, #f97316, #ea580c);
  --border: rgba(234, 88, 12, 0.20);
  --border-subtle: rgba(234, 88, 12, 0.10);
  --border-active: #ea580c;
  --shadow-sm: 0 2px 8px rgba(130, 50, 10, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 6px 20px rgba(130, 50, 10, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 14px 36px rgba(130, 50, 10, 0.16), 0 4px 12px rgba(0, 0, 0, 0.05);
  --edge-fade: #fef7ea;
}

/* ── 🔥 11. Испанская Фиеста & Чили (Яркий коралл & паприка) ── */
[data-theme="fiesta-chili"],
[data-theme="crimson-grill"],
[data-theme="diablo-chili"] {
  color-scheme: light;
  --bg-primary: #fff1f2;
  --bg-ambient: radial-gradient(ellipse 90% 55% at 50% -10%, rgba(239, 68, 68, 0.16) 0%, rgba(255, 241, 242, 0.85) 50%, #fff1f2 85%), radial-gradient(circle at 90% 85%, rgba(220, 38, 38, 0.08) 0%, transparent 50%);
  --bg-secondary: #ffffff;
  --bg-card: #ffffff;
  --bg-card-hover: #ffe4e6;
  --bg-input: #fecdd3;
  --bg-modal: #ffffff;
  --bg-sidebar: #ffe4e6;
  --bg-header: rgba(255, 241, 242, 0.96);
  --text-primary: #290a12;
  --text-secondary: #6e2034;
  --text-muted: #9e3b54;
  --accent: #ef4444;
  --accent-hover: #dc2626;
  --accent-soft: rgba(239, 68, 68, 0.14);
  --accent-gradient: linear-gradient(135deg, #f87171, #ef4444);
  --border: rgba(239, 68, 68, 0.20);
  --border-subtle: rgba(239, 68, 68, 0.10);
  --border-active: #ef4444;
  --shadow-sm: 0 2px 8px rgba(160, 20, 40, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 6px 20px rgba(160, 20, 40, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 14px 36px rgba(160, 20, 40, 0.16), 0 4px 12px rgba(0, 0, 0, 0.05);
  --edge-fade: #fff1f2;
}

/* ── 🔥 12. Тархун & Неоновый Лайм (Яркий сочный изумруд) ── */
[data-theme="lime-energy"] {
  color-scheme: light;
  --bg-primary: #f0fdf4;
  --bg-ambient: radial-gradient(ellipse 90% 55% at 50% -10%, rgba(16, 185, 129, 0.16) 0%, rgba(240, 253, 244, 0.85) 50%, #f0fdf4 85%), radial-gradient(circle at 90% 85%, rgba(5, 150, 105, 0.08) 0%, transparent 50%);
  --bg-secondary: #ffffff;
  --bg-card: #ffffff;
  --bg-card-hover: #dcfce7;
  --bg-input: #bbf7d0;
  --bg-modal: #ffffff;
  --bg-sidebar: #dcfce7;
  --bg-header: rgba(240, 253, 244, 0.96);
  --text-primary: #052e16;
  --text-secondary: #166534;
  --text-muted: #22c55e;
  --accent: #10b981;
  --accent-hover: #059669;
  --accent-soft: rgba(16, 185, 129, 0.15);
  --accent-gradient: linear-gradient(135deg, #34d399, #059669);
  --border: rgba(16, 185, 129, 0.22);
  --border-subtle: rgba(16, 185, 129, 0.11);
  --border-active: #10b981;
  --shadow-sm: 0 2px 8px rgba(16, 185, 129, 0.09), 0 1px 3px rgba(0, 0, 0, 0.03);
  --shadow-md: 0 6px 20px rgba(16, 185, 129, 0.13), 0 2px 6px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 14px 36px rgba(16, 185, 129, 0.17), 0 4px 12px rgba(0, 0, 0, 0.05);
  --edge-fade: #f0fdf4;
}

/* ── 🔥 13. Медовая Горчица & Золотистый Гриль (Яркое теплое золото) ── */
[data-theme="honey-mustard"],
[data-theme="cyber-amber"] {
  color-scheme: light;
  --bg-primary: #fefce8;
  --bg-ambient: radial-gradient(ellipse 90% 55% at 50% -10%, rgba(202, 138, 4, 0.16) 0%, rgba(254, 252, 232, 0.85) 50%, #fefce8 85%), radial-gradient(circle at 90% 85%, rgba(234, 179, 8, 0.08) 0%, transparent 50%);
  --bg-secondary: #ffffff;
  --bg-card: #ffffff;
  --bg-card-hover: #fef9c3;
  --bg-input: #fef08a;
  --bg-modal: #ffffff;
  --bg-sidebar: #fef9c3;
  --bg-header: rgba(254, 252, 232, 0.96);
  --text-primary: #271e06;
  --text-secondary: #594511;
  --text-muted: #85681c;
  --accent: #ca8a04;
  --accent-hover: #a16207;
  --accent-soft: rgba(202, 138, 4, 0.15);
  --accent-gradient: linear-gradient(135deg, #eab308, #ca8a04);
  --border: rgba(202, 138, 4, 0.22);
  --border-subtle: rgba(202, 138, 4, 0.11);
  --border-active: #ca8a04;
  --shadow-sm: 0 2px 8px rgba(160, 110, 10, 0.08), 0 1px 3px rgba(0, 0, 0, 0.03);
  --shadow-md: 0 6px 20px rgba(160, 110, 10, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 14px 36px rgba(160, 110, 10, 0.16), 0 4px 12px rgba(0, 0, 0, 0.05);
  --edge-fade: #fefce8;
}

/* ── 🔥 14. Ледяной Мохито & Бирюза (Яркий сочный циан) ── */
[data-theme="aqua-mojito"],
[data-theme="pacific-ocean"] {
  color-scheme: light;
  --bg-primary: #ecfeff;
  --bg-ambient: radial-gradient(ellipse 90% 55% at 50% -10%, rgba(6, 182, 212, 0.16) 0%, rgba(236, 254, 255, 0.85) 50%, #ecfeff 85%), radial-gradient(circle at 90% 85%, rgba(14, 165, 233, 0.08) 0%, transparent 50%);
  --bg-secondary: #ffffff;
  --bg-card: #ffffff;
  --bg-card-hover: #cffafe;
  --bg-input: #a5f3fc;
  --bg-modal: #ffffff;
  --bg-sidebar: #cffafe;
  --bg-header: rgba(236, 254, 255, 0.96);
  --text-primary: #083344;
  --text-secondary: #155e75;
  --text-muted: #0e7490;
  --accent: #06b6d4;
  --accent-hover: #0891b2;
  --accent-soft: rgba(6, 182, 212, 0.14);
  --accent-gradient: linear-gradient(135deg, #22d3ee, #0891b2);
  --border: rgba(6, 182, 212, 0.22);
  --border-subtle: rgba(6, 182, 212, 0.11);
  --border-active: #06b6d4;
  --shadow-sm: 0 2px 8px rgba(6, 182, 212, 0.09), 0 1px 3px rgba(0, 0, 0, 0.03);
  --shadow-md: 0 6px 20px rgba(6, 182, 212, 0.13), 0 2px 6px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 14px 36px rgba(6, 182, 212, 0.17), 0 4px 12px rgba(0, 0, 0, 0.05);
  --edge-fade: #ecfeff;
}

/* ── 🌙 15. Графит и пламя (Темный фирменный графит) ── */
[data-theme="dark-graphite"] {
  color-scheme: dark;
  --bg-primary: #0a0a0d;
  --bg-ambient: radial-gradient(ellipse 90% 60% at 50% -10%, rgba(255, 107, 0, 0.20) 0%, rgba(14, 14, 18, 0.85) 50%, #0a0a0d 85%), radial-gradient(circle at 90% 85%, rgba(255, 85, 0, 0.08) 0%, transparent 50%);
  --bg-secondary: #121216;
  --bg-card: #15151a;
  --bg-card-hover: #1e1e24;
  --bg-input: #121217;
  --bg-modal: #15151a;
  --bg-sidebar: #101014;
  --bg-header: rgba(10, 10, 13, 0.94);
  --text-primary: #ffffff;
  --text-secondary: #a1a1aa;
  --text-muted: #71717a;
  --accent: #ff6b00;
  --accent-hover: #ff7d1a;
  --accent-soft: rgba(255, 107, 0, 0.16);
  --accent-gradient: linear-gradient(135deg, #ff6b00, #ff4500);
  --border: rgba(255, 255, 255, 0.09);
  --border-subtle: rgba(255, 255, 255, 0.05);
  --border-active: #ff6b00;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 14px 40px rgba(0, 0, 0, 0.6);
  --edge-fade: #0a0a0d;
}

/* ── 🌙 16. Ночной Изумруд (Dark Неоновый хвойный неон) ── */
[data-theme="dark-emerald"] {
  color-scheme: dark;
  --bg-primary: #050f09;
  --bg-ambient: radial-gradient(ellipse 90% 60% at 50% -10%, rgba(16, 185, 129, 0.26) 0%, rgba(7, 24, 15, 0.85) 50%, #050f09 85%), radial-gradient(circle at 90% 85%, rgba(52, 211, 153, 0.12) 0%, transparent 50%);
  --bg-secondary: #0c1810;
  --bg-card: #102015;
  --bg-card-hover: #172d1f;
  --bg-input: #0a150d;
  --bg-modal: #102015;
  --bg-sidebar: #09130c;
  --bg-header: rgba(5, 15, 9, 0.94);
  --text-primary: #f0fdf4;
  --text-secondary: #a7f3d0;
  --text-muted: #6ee7b7;
  --accent: #10b981;
  --accent-hover: #34d399;
  --accent-soft: rgba(16, 185, 129, 0.22);
  --accent-gradient: linear-gradient(135deg, #10b981, #059669);
  --border: rgba(52, 211, 153, 0.20);
  --border-subtle: rgba(52, 211, 153, 0.10);
  --border-active: #10b981;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 14px 40px rgba(0, 0, 0, 0.65);
  --edge-fade: #050f09;
}

/* ── 🌙 17. Копченый BBQ & Вишня (Dark Smoked Craft) ── */
[data-theme="smoky-bbq"],
[data-theme="bavarian-malt"] {
  color-scheme: dark;
  --bg-primary: #0f0609;
  --bg-ambient: radial-gradient(ellipse 90% 60% at 50% -10%, rgba(244, 63, 94, 0.24) 0%, rgba(30, 10, 18, 0.85) 50%, #0f0609 85%), radial-gradient(circle at 90% 85%, rgba(225, 29, 72, 0.12) 0%, transparent 50%);
  --bg-secondary: #170a0e;
  --bg-card: #1f0b12;
  --bg-card-hover: #2b111a;
  --bg-input: #15070c;
  --bg-modal: #1f0b12;
  --bg-sidebar: #12060a;
  --bg-header: rgba(15, 6, 9, 0.94);
  --text-primary: #fff1f2;
  --text-secondary: #fecdd3;
  --text-muted: #fb7185;
  --accent: #f43f5e;
  --accent-hover: #fb7185;
  --accent-soft: rgba(244, 63, 94, 0.20);
  --accent-gradient: linear-gradient(135deg, #f43f5e, #be123c);
  --border: rgba(244, 63, 94, 0.22);
  --border-subtle: rgba(244, 63, 94, 0.10);
  --border-active: #f43f5e;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 14px 40px rgba(0, 0, 0, 0.65);
  --edge-fade: #0f0609;
}

/* ── 🌙 18. Токийский Неон 24/7 (Cyber Street Food) ── */
[data-theme="neon-tokyo"] {
  color-scheme: dark;
  --bg-primary: #09050d;
  --bg-ambient: radial-gradient(ellipse 90% 60% at 50% -10%, rgba(236, 72, 153, 0.26) 0%, rgba(22, 10, 31, 0.85) 50%, #09050d 85%), radial-gradient(circle at 90% 85%, rgba(217, 70, 239, 0.12) 0%, transparent 50%);
  --bg-secondary: #12091a;
  --bg-card: #180e22;
  --bg-card-hover: #231432;
  --bg-input: #0f0717;
  --bg-modal: #180e22;
  --bg-sidebar: #100817;
  --bg-header: rgba(9, 5, 13, 0.94);
  --text-primary: #fdf2f8;
  --text-secondary: #fbcfe8;
  --text-muted: #f472b6;
  --accent: #ec4899;
  --accent-hover: #f472b6;
  --accent-soft: rgba(236, 72, 153, 0.22);
  --accent-gradient: linear-gradient(135deg, #ec4899, #be185d);
  --border: rgba(236, 72, 153, 0.24);
  --border-subtle: rgba(236, 72, 153, 0.10);
  --border-active: #ec4899;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 14px 40px rgba(0, 0, 0, 0.65);
  --edge-fade: #09050d;
}

/* ── 🌙 19. Черный Трюфель & Золото (Dark Luxury Gourmet) ── */
[data-theme="truffle-black"] {
  color-scheme: dark;
  --bg-primary: #080808;
  --bg-ambient: radial-gradient(ellipse 90% 60% at 50% -10%, rgba(234, 179, 8, 0.20) 0%, rgba(18, 18, 18, 0.85) 50%, #080808 85%), radial-gradient(circle at 90% 85%, rgba(202, 138, 4, 0.10) 0%, transparent 50%);
  --bg-secondary: #101010;
  --bg-card: #161616;
  --bg-card-hover: #222222;
  --bg-input: #0e0e0e;
  --bg-modal: #161616;
  --bg-sidebar: #0d0d0d;
  --bg-header: rgba(8, 8, 8, 0.94);
  --text-primary: #fefce8;
  --text-secondary: #fef08a;
  --text-muted: #ca8a04;
  --accent: #eab308;
  --accent-hover: #facc15;
  --accent-soft: rgba(234, 179, 8, 0.18);
  --accent-gradient: linear-gradient(135deg, #facc15, #ca8a04);
  --border: rgba(234, 179, 8, 0.20);
  --border-subtle: rgba(234, 179, 8, 0.08);
  --border-active: #eab308;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.45);
  --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.55);
  --shadow-lg: 0 14px 40px rgba(0, 0, 0, 0.7);
  --edge-fade: #080808;
}

/* ── 🌙 20. Аметистовая ночь (Deep Neo Violet) ── */
[data-theme="midnight-amethyst"] {
  color-scheme: dark;
  --bg-primary: #070512;
  --bg-ambient: radial-gradient(ellipse 90% 60% at 50% -10%, rgba(139, 92, 246, 0.30) 0%, rgba(22, 13, 44, 0.85) 50%, #070512 85%), radial-gradient(circle at 90% 85%, rgba(124, 58, 237, 0.16) 0%, transparent 50%);
  --bg-secondary: #100b22;
  --bg-card: #160f2e;
  --bg-card-hover: #211644;
  --bg-input: #0d081c;
  --bg-modal: #160f2e;
  --bg-sidebar: #0d081a;
  --bg-header: rgba(7, 5, 18, 0.94);
  --text-primary: #f8f6ff;
  --text-secondary: #d8b4fe;
  --text-muted: #a855f7;
  --accent: #8b5cf6;
  --accent-hover: #7c3aed;
  --accent-soft: rgba(139, 92, 246, 0.22);
  --accent-gradient: linear-gradient(135deg, #8b5cf6, #6d28d9);
  --border: rgba(139, 92, 246, 0.24);
  --border-subtle: rgba(139, 92, 246, 0.10);
  --border-active: #8b5cf6;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 14px 40px rgba(0, 0, 0, 0.65);
  --edge-fade: #070512;
}

/* ═══════════════════════════════════════════════════════
   ШЕЛКОВЫЕ 60FPS ПЕРЕХОДЫ БЕЗ ЛАГОВ И БЕЗ МИКРОРЫВКОВ
   (ТОЛЬКО ДЛЯ ПОВЕРХНОСТЕЙ, БЕЗ ЗАТРАГИВАНИЯ СЕЛЕКТОРА *)
   ═══════════════════════════════════════════════════════ */
html.theme-changing,
html.theme-changing body,
html.theme-changing .admin-layout,
html.theme-changing .admin-main,
html.theme-changing .admin-content,
html.theme-changing .admin-sidebar,
html.theme-changing .admin-header,
html.theme-changing .admin-panel-card,
html.theme-changing .admin-card,
html.theme-changing .stat-card,
html.theme-changing .kpi-card,
html.theme-changing .push-kpi-card,
html.theme-changing .dish-admin-card,
html.theme-changing .promos-settings-panel,
html.theme-changing .music-player-admin-card,
html.theme-changing .music-preset-item,
html.theme-changing .admin-table-wrap,
html.theme-changing .admin-table,
html.theme-changing .admin-table th,
html.theme-changing .admin-table td,
html.theme-changing .admin-input,
html.theme-changing .admin-textarea,
html.theme-changing .admin-select,
html.theme-changing .admin-modal-box,
html.theme-changing .app-header,
html.theme-changing .app-footer,
html.theme-changing .categories-bar-wrapper,
html.theme-changing .product-card,
html.theme-changing .promo-card,
html.theme-changing .desktop-cart-card,
html.theme-changing .modal-sheet,
html.theme-changing .drawer-panel,
html.theme-changing .cat-tab,
html.theme-changing .checkout-card,
html.theme-changing .cart-item,
html.theme-changing .site-wrapper {
  transition: background-color 0.22s cubic-bezier(0.16, 1, 0.3, 1),
              border-color 0.22s cubic-bezier(0.16, 1, 0.3, 1),
              color 0.18s ease !important;
}

/* ═══════════════════════════════════════════════════════
   СИСТЕМНОЕ ПРИМЕНЕНИЕ ТЕМЫ КО ВСЕМУ ИНТЕРФЕЙСУ САЙТА
   ═══════════════════════════════════════════════════════ */

/* Базовый фон и текст страницы */
html {
  background-color: var(--bg-primary) !important;
}

body {
  background-color: var(--bg-primary) !important;
  background-image: var(--bg-ambient) !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  color: var(--text-primary) !important;
}

/* Шапка сайта */
.app-header {
  background: var(--bg-header) !important;
  border-bottom: 1px solid var(--border) !important;
  box-shadow: var(--shadow-sm) !important;
  backdrop-filter: blur(20px) saturate(1.4) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.4) !important;
}

.header-menu-btn {
  background: var(--bg-input) !important;
  border: 1px solid var(--border) !important;
  color: var(--text-primary) !important;
}

.brand-name {
  color: var(--text-primary) !important;
  -webkit-text-fill-color: initial !important;
  background: none !important;
  font-weight: 900 !important;
}

.brand-tagline {
  color: var(--text-muted) !important;
}

.info-pill {
  background: var(--bg-input) !important;
  border: 1px solid var(--border) !important;
  color: var(--text-secondary) !important;
}

/* Переключатель Доставка / Самовывоз */
.delivery-toggle {
  background: var(--bg-input) !important;
  border: 1px solid var(--border) !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

.delivery-toggle-btn {
  color: var(--text-secondary) !important;
}

.delivery-toggle-btn.active {
  background: var(--accent) !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px var(--accent-soft) !important;
}

/* Кнопки в шапке */
.header-admin-link {
  background: var(--accent-soft) !important;
  border: 1px solid var(--border) !important;
  color: var(--accent) !important;
}

.header-admin-link:hover {
  background: var(--accent) !important;
  color: #ffffff !important;
  border-color: var(--accent) !important;
  box-shadow: 0 0 16px var(--accent-soft) !important;
}

.header-vacancies-btn {
  background: var(--bg-input) !important;
  border: 1px solid var(--border) !important;
  color: var(--text-secondary) !important;
}

.header-vacancies-btn:hover {
  color: var(--text-primary) !important;
  border-color: var(--accent) !important;
}

.header-phone-btn {
  color: var(--text-secondary) !important;
}

.header-phone-btn:hover {
  color: var(--accent) !important;
}

.header-btn {
  background: var(--bg-input) !important;
  border: 1px solid var(--border) !important;
  color: var(--text-primary) !important;
}

.header-btn:hover {
  border-color: var(--accent) !important;
  color: var(--accent) !important;
}

.cart-badge {
  background: var(--accent) !important;
  color: #ffffff !important;
}

/* Заголовки страницы */
.seo-title {
  color: var(--text-primary) !important;
}

.seo-subtitle {
  color: var(--text-secondary) !important;
}

/* Категории блюд (Sticky Bar) */
.categories-bar-wrapper {
  background: var(--bg-header) !important;
  border-bottom: 1px solid var(--border) !important;
  box-shadow: var(--shadow-sm) !important;
  backdrop-filter: blur(20px) saturate(1.4) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.4) !important;
}

.categories-bar-wrapper::before {
  background: linear-gradient(to right, var(--bg-primary) 0%, transparent 100%) !important;
}

.categories-bar-wrapper::after {
  background: linear-gradient(to left, var(--bg-primary) 0%, transparent 100%) !important;
}

.cat-tab {
  background: var(--bg-card) !important;
  color: var(--text-secondary) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow-sm) !important;
}

.cat-tab:hover {
  background: var(--bg-card-hover) !important;
  color: var(--text-primary) !important;
  border-color: var(--accent) !important;
}

.cat-tab.active {
  background: var(--accent) !important;
  color: #ffffff !important;
  border-color: var(--accent) !important;
  box-shadow: 0 4px 14px var(--accent-soft) !important;
}

.cat-tab.cat-tab-promo {
  background: var(--accent-soft) !important;
  color: var(--accent) !important;
  border-color: var(--border) !important;
}

.cat-tab.cat-tab-promo:hover {
  background: var(--accent) !important;
  color: #ffffff !important;
}

/* Карусель акций */
.promo-carousel-wrapper::before {
  background: linear-gradient(to right, var(--bg-primary) 0%, transparent 100%) !important;
}

.promo-carousel-wrapper::after {
  background: linear-gradient(to left, var(--bg-primary) 0%, transparent 100%) !important;
}

.promo-nav-btn {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  color: var(--accent) !important;
  box-shadow: var(--shadow-md) !important;
}

.promo-nav-btn:hover {
  background: var(--accent) !important;
  color: #ffffff !important;
  border-color: var(--accent) !important;
}

.promo-card {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow-sm) !important;
}

.promo-card:hover {
  border-color: var(--accent) !important;
  box-shadow: var(--shadow-md) !important;
}

.promo-card-title {
  color: var(--text-primary) !important;
}

.promo-card-desc {
  color: var(--text-secondary) !important;
}

.promo-card-code {
  background: var(--bg-input) !important;
  color: var(--text-primary) !important;
  border: 1px dashed var(--border) !important;
}

.promo-card-action {
  color: var(--accent) !important;
}

.promo-dot {
  background: var(--border) !important;
}

.promo-dot.active {
  background: var(--accent) !important;
  width: 22px !important;
}

/* Карточки блюд (Products Grid) */
.product-card {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow-sm) !important;
}

.product-card:hover {
  background: var(--bg-card-hover) !important;
  border-color: var(--accent) !important;
  box-shadow: var(--shadow-md) !important;
}

.product-img-wrap {
  background: var(--bg-secondary) !important;
  border-bottom: 1px solid var(--border-subtle) !important;
}

.product-card-body,
.product-card-footer {
  background: transparent !important;
}

.product-title {
  color: var(--text-primary) !important;
}

.product-desc {
  color: var(--text-secondary) !important;
}

.product-price {
  color: var(--accent) !important;
}

.product-weight {
  color: var(--text-muted) !important;
}

.product-card-add-btn {
  background: var(--accent) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px var(--accent-soft) !important;
}

.product-card-add-btn:hover {
  background: var(--accent-hover) !important;
}

/* Десктопная панель корзины (Sidebar) */
.desktop-cart-card {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow-lg) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
}

.desktop-cart-header {
  border-bottom: 1px solid var(--border-subtle) !important;
}

.desktop-cart-title {
  color: var(--text-primary) !important;
}

.desktop-cart-badge {
  background: var(--accent) !important;
  color: #ffffff !important;
}

.desktop-cart-clear-btn {
  color: var(--text-muted) !important;
}

.desktop-cart-clear-btn:hover {
  color: #ef4444 !important;
}

.delivery-progress-box {
  background: var(--bg-input) !important;
  border: 1px solid var(--border) !important;
}

.progress-text {
  color: var(--text-secondary) !important;
}

.progress-val {
  color: var(--accent) !important;
}

.progress-track {
  background: var(--border) !important;
}

.progress-bar {
  background: var(--accent) !important;
}

.desktop-cart-empty .empty-title {
  color: var(--text-primary) !important;
}

.desktop-cart-empty .empty-text {
  color: var(--text-muted) !important;
}

.cart-item {
  background: var(--bg-input) !important;
  border: 1px solid var(--border-subtle) !important;
}

.cart-item-title {
  color: var(--text-primary) !important;
}

.cart-item-price {
  color: var(--accent) !important;
}

.qty-btn {
  background: var(--bg-card) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border) !important;
}

.qty-btn:hover {
  border-color: var(--accent) !important;
  color: var(--accent) !important;
}

.desktop-cart-footer {
  border-top: 1px solid var(--border-subtle) !important;
}

.submit-order-btn, 
.desktop-submit-btn {
  background: var(--accent) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 18px var(--accent-soft) !important;
}

.submit-order-btn:hover, 
.desktop-submit-btn:hover {
  background: var(--accent-hover) !important;
}

/* Мобильная нижняя плашка заказа */
.bottom-cart-bar {
  background: var(--bg-card) !important;
  border-top: 1px solid var(--border) !important;
  box-shadow: var(--shadow-lg) !important;
}

/* Боковое меню (Drawer) */
.drawer-panel {
  background: var(--bg-sidebar) !important;
  border-right: 1px solid var(--border) !important;
  color: var(--text-primary) !important;
}

.drawer-link {
  color: var(--text-primary) !important;
  border-bottom: 1px solid var(--border-subtle) !important;
}

.drawer-link:hover {
  color: var(--accent) !important;
}

/* Модальные окна */
.modal-sheet,
.vacancy-modal-sheet,
.quality-modal-sheet,
.delivery-modal-sheet,
.promo-modal-sheet,
.cart-modal-sheet,
#fast-reg-modal .modal-content {
  background: var(--bg-modal) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow-lg) !important;
  color: var(--text-primary) !important;
}

.vac-modal-title,
.modal-title {
  color: var(--text-primary) !important;
}

/* Футер */
.app-footer {
  background: var(--bg-secondary) !important;
  border-top: 1px solid var(--border) !important;
  color: var(--text-secondary) !important;
}

.footer-link {
  color: var(--text-secondary) !important;
}

.footer-link:hover {
  color: var(--accent) !important;
}

/* Выпадающие подсказки адресов */
.address-suggestions-dropdown {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow-lg) !important;
}

.address-suggestion-item {
  color: var(--text-primary) !important;
  border-bottom: 1px solid var(--border-subtle) !important;
}

.address-suggestion-item:hover, 
.address-suggestion-item.active {
  background: var(--accent-soft) !important;
  color: var(--accent) !important;
}

/* Плавающий аудиоплеер Правда FM */
.shawuha-music-widget {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow-md) !important;
  color: var(--text-primary) !important;
}

.shawuha-music-widget:hover {
  border-color: var(--accent) !important;
  box-shadow: var(--shadow-lg) !important;
}

.music-title-text {
  color: var(--text-primary) !important;
}

.music-sub-text {
  color: var(--text-secondary) !important;
}

.music-play-btn {
  color: var(--accent) !important;
}

.eq-bar {
  background: var(--accent) !important;
}

/* Поля ввода и формы */
input, select, textarea {
  background: var(--bg-input) !important;
  border: 1px solid var(--border) !important;
  color: var(--text-primary) !important;
}

input:focus, select:focus, textarea:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px var(--accent-soft) !important;
  background: var(--bg-card) !important;
}

/* Карточки оформления заказа (Checkout) */
.checkout-card {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow-sm) !important;
}

.checkout-section-title {
  color: var(--text-primary) !important;
}

.method-btn {
  background: var(--bg-input) !important;
  border: 1px solid var(--border) !important;
  color: var(--text-secondary) !important;
}

.method-btn.active {
  background: var(--accent-soft) !important;
  border-color: var(--accent) !important;
  color: var(--accent) !important;
}

.terminal-card {
  background: var(--bg-input) !important;
  border: 1px solid var(--border) !important;
}

.terminal-card.active {
  border-color: var(--accent) !important;
}

.terminal-card:hover,
.payment-option:hover {
  background: var(--bg-card-hover) !important;
  border-color: var(--accent) !important;
}

input:focus, select:focus, textarea:focus {
  background: var(--bg-input) !important;
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px var(--accent-soft) !important;
  color: var(--text-primary) !important;
}

.promo-card-accent,
.promo-card-gold,
.promo-card-fire,
.promo-card-cyan {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
}

.vac-form-input {
  background: var(--bg-input) !important;
  border: 1px solid var(--border) !important;
  color: var(--text-primary) !important;
}

.pwa-ios-sheet {
  background: var(--bg-modal) !important;
  border-top: 1px solid var(--border) !important;
  color: var(--text-primary) !important;
}

/* ═══════════════════════════════════════════════════════
   СИСТЕМНОЕ ПРИМЕНЕНИЕ ТЕМЫ К АДМИН-ПАНЕЛИ (ADMIN.HTML)
   ═══════════════════════════════════════════════════════ */
[data-theme] {
  --admin-bg: var(--bg-primary);
  --admin-sidebar-bg: var(--bg-sidebar);
  --admin-card-bg: var(--bg-card);
  --admin-card-hover: var(--bg-card-hover);
  --admin-border: var(--border);
  --admin-border-hover: var(--border-active);
  --admin-accent: var(--accent);
  --admin-accent-hover: var(--accent-hover);
  --admin-accent-glow: var(--accent-soft);
  --admin-text: var(--text-primary);
  --admin-muted: var(--text-secondary);
  --admin-muted-light: var(--text-muted);
}

body.admin-body {
  background-color: var(--bg-primary) !important;
  background-image: var(--bg-ambient) !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  color: var(--text-primary) !important;
}

.admin-layout,
.admin-main,
.admin-content,
.tab-view {
  background-color: var(--bg-primary) !important;
  color: var(--text-primary) !important;
}

/* Сайдбар панели управления */
.admin-sidebar {
  background: var(--bg-sidebar) !important;
  border-right: 1px solid var(--border) !important;
  box-shadow: 2px 0 16px var(--shadow-sm) !important;
}

.sidebar-header {
  background: var(--bg-sidebar) !important;
  border-bottom: 1px solid var(--border) !important;
}

.sidebar-brand,
.sidebar-brand-name,
.sidebar-brand span {
  color: var(--text-primary) !important;
}

.sidebar-badge {
  background: var(--accent-soft) !important;
  border: 1px solid var(--border) !important;
  color: var(--accent) !important;
}

.store-link-btn,
.sidebar-logout-btn {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  color: var(--text-primary) !important;
}

.admin-zoom-controller {
  background: var(--bg-input) !important;
  border: 1px solid var(--border) !important;
}

#admin-zoom-label {
  color: var(--text-primary) !important;
}

.zoom-btn {
  color: var(--accent) !important;
}

.sidebar-nav {
  background: var(--bg-sidebar) !important;
}

.nav-item {
  color: var(--text-secondary) !important;
  border: 1px solid transparent !important;
}

.nav-item:hover {
  background: var(--accent-soft) !important;
  color: var(--text-primary) !important;
  border-color: var(--border) !important;
}

.nav-item.active {
  background: var(--accent-gradient, var(--accent)) !important;
  color: #ffffff !important;
  border-color: var(--accent) !important;
  box-shadow: 0 4px 14px var(--accent-soft) !important;
}

.nav-item.active svg {
  color: #ffffff !important;
}

/* Футер сайдбара и кнопки перехода/выхода */
.sidebar-footer {
  background: var(--bg-sidebar) !important;
  border-top: 1px solid var(--border) !important;
  padding: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.store-link-btn {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  color: var(--text-primary) !important;
  box-shadow: var(--shadow-sm) !important;
  padding: 10px 14px !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
}

.store-link-btn:hover {
  background: var(--bg-card-hover) !important;
  border-color: var(--accent) !important;
  color: var(--accent) !important;
  box-shadow: var(--shadow-md) !important;
}

.sidebar-logout-btn {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 10px 14px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(239, 68, 68, 0.28) !important;
  background: rgba(239, 68, 68, 0.08) !important;
  color: #ef4444 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.sidebar-logout-btn:hover {
  background: rgba(239, 68, 68, 0.18) !important;
  border-color: #ef4444 !important;
  color: #dc2626 !important;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.2) !important;
}

/* Верхняя полоса (Header) */
.admin-header {
  background: var(--bg-header) !important;
  border-bottom: 1px solid var(--border) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  box-shadow: 0 1px 8px var(--shadow-sm) !important;
}

.admin-title-area h1 {
  color: var(--text-primary) !important;
}

.admin-title-area p {
  color: var(--text-secondary) !important;
}

.admin-delivery-mode-pill {
  background: var(--bg-input) !important;
  border: 1px solid var(--border) !important;
}

/* Карточки, блоки и панели админки */
.admin-panel-card,
.kpi-card,
.push-kpi-card,
.dish-admin-card,
.phone-push-card,
.admin-card,
.stat-card,
.backup-card,
.security-card,
.telegram-card,
.config-card,
.promos-settings-panel,
.music-player-admin-card,
.music-preset-item {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow-sm) !important;
  color: var(--text-primary) !important;
}

.admin-panel-card:hover,
.kpi-card:hover,
.push-kpi-card:hover,
.dish-admin-card:hover,
.admin-card:hover,
.stat-card:hover,
.music-preset-item:hover {
  border-color: var(--border-active) !important;
  box-shadow: var(--shadow-md) !important;
}

.panel-card-header h2,
.kpi-value,
.dish-admin-title,
.stat-value,
.admin-main h1,
.admin-main h2,
.admin-main h3,
.admin-main h4,
.admin-main h5,
.admin-main h6,
.admin-main strong,
.admin-main b {
  color: var(--text-primary) !important;
}

.kpi-label,
.stat-label,
.panel-card-header p {
  color: var(--text-secondary) !important;
}

.map-toolbar {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow-sm) !important;
}

.map-layer-pills {
  background: var(--bg-input) !important;
  border: 1px solid var(--border) !important;
}

/* Таблицы админки (CRM, заказы, отзывы) */
.admin-table-wrap,
.admin-table {
  background: var(--bg-card) !important;
  border-color: var(--border) !important;
  color: var(--text-primary) !important;
}

.admin-table th {
  background: var(--bg-input) !important;
  color: var(--text-secondary) !important;
  border-bottom: 1px solid var(--border) !important;
}

.admin-table td {
  border-bottom: 1px solid var(--border-subtle) !important;
  color: var(--text-primary) !important;
}

.admin-table tr:hover td {
  background: var(--bg-card-hover) !important;
}

/* Поля ввода и выпадающие списки */
.admin-form-group label {
  color: var(--text-secondary) !important;
}

.admin-input,
.admin-textarea,
.admin-select,
select,
.theme-select-trigger {
  background: var(--bg-input) !important;
  border: 1px solid var(--border) !important;
  color: var(--text-primary) !important;
  box-shadow: var(--shadow-sm) !important;
}

.admin-input:focus,
.admin-textarea:focus,
.admin-select:focus,
select:focus,
.theme-select-trigger:focus,
.theme-select-wrap.active .theme-select-trigger {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 2px var(--accent-soft) !important;
}

select option,
.admin-select option {
  background-color: var(--bg-card) !important;
  color: var(--text-primary) !important;
}

.theme-select-dropdown {
  background: var(--bg-modal) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow-lg) !important;
}

.theme-select-item {
  color: var(--text-secondary) !important;
}

.theme-select-item:hover {
  background: var(--accent-soft) !important;
  color: var(--text-primary) !important;
}

.theme-select-item.selected {
  background: var(--accent) !important;
  color: #ffffff !important;
}

/* Модальные окна */
.admin-modal-box {
  background: var(--bg-modal) !important;
  border: 1.5px solid var(--border) !important;
  box-shadow: var(--shadow-lg) !important;
  color: var(--text-primary) !important;
}

.dish-admin-img-wrap {
  background: var(--bg-input) !important;
}

.dish-admin-price {
  color: var(--accent) !important;
}

/* Кнопки */
.admin-btn-primary {
  background: var(--accent) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px var(--accent-soft) !important;
}

.admin-btn-primary:hover {
  background: var(--accent-hover) !important;
}

.admin-btn-secondary {
  background: var(--bg-input) !important;
  border: 1px solid var(--border) !important;
  color: var(--text-primary) !important;
}

.admin-btn-secondary:hover {
  border-color: var(--accent) !important;
  color: var(--accent) !important;
}

.theme-card-active {
  border-color: var(--accent) !important;
  box-shadow: 0 0 20px var(--accent-soft) !important;
}

/* ═══ ВАКАНСИИ, БЛОКИ КАРЬЕРЫ, FAQ И ДИАЛОГОВЫЕ ОКНА ═══ */
.vac-page,
.vac-nav-header,
.vac-hero-card,
.vac-benefits-grid,
.vac-benefit-card,
.vac-roles-grid,
.vac-role-card,
.vac-steps-container,
.vac-step-card,
.vac-atmosphere-box,
.vac-faq-list,
.vac-faq-item,
.vac-modal-card,
.sms-modal-card {
  color: var(--text-primary);
}

.vac-title,
.vac-section-title,
.vac-role-title,
.vac-benefit-info h4,
.vac-step-name,
.vac-atmosphere-title,
.vac-faq-q,
.sms-modal-card h3 {
  color: var(--text-primary) !important;
}

.vac-subtitle,
.vac-benefit-info p,
.vac-role-desc,
.vac-step-desc,
.vac-atmosphere-desc,
.vac-faq-a,
.vac-role-perks li {
  color: var(--text-secondary) !important;
}

.vac-hero-card {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
}

.vac-benefit-card,
.vac-role-card,
.vac-steps-container,
.vac-faq-item,
.vac-atmosphere-box {
  background: var(--bg-card) !important;
  border-color: var(--border) !important;
}

.vac-benefit-card:hover,
.vac-role-card:hover,
.vac-faq-item.open {
  border-color: var(--accent) !important;
}

.vac-step-card,
.vac-atmosphere-tag {
  background: var(--bg-input) !important;
  border-color: var(--border) !important;
}

.vac-modal-card,
.sms-modal-card {
  background: var(--bg-modal) !important;
  border: 1.5px solid var(--border) !important;
  box-shadow: var(--shadow-lg) !important;
}

.vac-modal-card input,
.vac-modal-card select,
.vac-modal-card textarea,
.sms-modal-card input {
  background: var(--bg-input) !important;
  border-color: var(--border) !important;
  color: var(--text-primary) !important;
}

.vac-modal-card input:focus,
.vac-modal-card select:focus,
.vac-modal-card textarea:focus,
.sms-modal-card input:focus {
  border-color: var(--accent) !important;
}

.otp-box {
  background: var(--bg-input) !important;
  border-color: var(--border) !important;
  color: var(--text-primary) !important;
}

.otp-box:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 2px var(--accent-soft) !important;
}

.vac-section-tag,
.vac-role-salary,
.vac-faq-icon,
.vac-atmosphere-tag {
  color: var(--accent) !important;
}

.vac-btn-secondary {
  background: var(--bg-card) !important;
  border-color: var(--border) !important;
  color: var(--text-primary) !important;
}

.vac-btn-secondary:hover {
  background: var(--bg-card-hover) !important;
  border-color: var(--accent) !important;
  color: var(--accent) !important;
}

.vac-role-btn {
  background: var(--accent-soft) !important;
  color: var(--accent) !important;
  border-color: var(--border) !important;
}

.vac-role-card:hover .vac-role-btn {
  background: var(--accent-gradient) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

/* Hero image in product modal: tight wrapping to image bounds without dark letterbox */
.modal-hero-wrap {
  background: transparent !important;
  border: none !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 auto 16px auto !important;
  border-radius: 20px !important;
  overflow: hidden !important;
}

.modal-hero-img {
  width: auto !important;
  max-width: 100% !important;
  max-height: 380px !important;
  height: auto !important;
  object-fit: cover !important;
  border-radius: 20px !important;
  background: transparent !important;
}

/* ═══════════════════════════════════════════════════════
   УЛУЧШЕННЫЙ КОНТРАСТ И ЧИТАЕМОСТЬ ДЛЯ СВЕТЛЫХ И ПАСТЕЛЬНЫХ ТЕМ
   ═══════════════════════════════════════════════════════ */
:is([data-theme="lavash-pastel"], [data-theme="peach-cream"], [data-theme="pistachio-mint"], [data-theme="cheddar-cream"], [data-theme="berry-yogurt"], [data-theme="vanilla-latte"], [data-theme="sky-breeze"], [data-theme="matcha-fresh"], [data-theme="light-clean"], [data-theme="sunset-citrus"], [data-theme="fiesta-chili"], [data-theme="lime-energy"], [data-theme="honey-mustard"], [data-theme="aqua-mojito"], [data-theme="tandir-cream"], [data-theme="minimal-kraft"], [data-theme="emerald-craft"], [data-theme="nordic-ice"], [data-theme="fresh-wasabi"], :root:not([data-theme])) {
  --admin-card-bg: #ffffff;
  --admin-input-bg: var(--bg-input);
  --admin-text: var(--text-primary);
  --admin-muted: var(--text-secondary);
}

:is([data-theme="lavash-pastel"], [data-theme="peach-cream"], [data-theme="pistachio-mint"], [data-theme="cheddar-cream"], [data-theme="berry-yogurt"], [data-theme="vanilla-latte"], [data-theme="sky-breeze"], [data-theme="matcha-fresh"], [data-theme="light-clean"], [data-theme="sunset-citrus"], [data-theme="fiesta-chili"], [data-theme="lime-energy"], [data-theme="honey-mustard"], [data-theme="aqua-mojito"], [data-theme="tandir-cream"], [data-theme="minimal-kraft"], [data-theme="emerald-craft"], [data-theme="nordic-ice"], [data-theme="fresh-wasabi"], :root:not([data-theme])) :is(.admin-sidebar, .sidebar-header, .sidebar-brand, .sidebar-footer, .admin-header, .admin-card, .admin-panel-card, .admin-modal-box, .theme-card, .admin-table, .dish-admin-card) :is([style*="color: #fff"], [style*="color:#fff"], [style*="color: white"]) {
  color: var(--text-primary) !important;
}

:is([data-theme="lavash-pastel"], [data-theme="peach-cream"], [data-theme="pistachio-mint"], [data-theme="cheddar-cream"], [data-theme="berry-yogurt"], [data-theme="vanilla-latte"], [data-theme="sky-breeze"], [data-theme="matcha-fresh"], [data-theme="light-clean"], [data-theme="sunset-citrus"], [data-theme="fiesta-chili"], [data-theme="lime-energy"], [data-theme="honey-mustard"], [data-theme="aqua-mojito"], [data-theme="tandir-cream"], [data-theme="minimal-kraft"], [data-theme="emerald-craft"], [data-theme="nordic-ice"], [data-theme="fresh-wasabi"], :root:not([data-theme])) :is(.admin-sidebar, .sidebar-header, .sidebar-brand, .sidebar-footer, .admin-header, .admin-card, .admin-panel-card, .admin-modal-box, .theme-card, .admin-table, .dish-admin-card) :is([style*="color: #ddd"], [style*="color: #ccc"], [style*="color: #aaa"]) {
  color: var(--text-secondary) !important;
}