/* ==========================================================================
   STORM DESIGN SYSTEM - 8 ЭТАЛОННЫХ ТЕМ ОФОРМЛЕНИЯ (STORM SOFT)
   ========================================================================== */

:root,
[data-theme="STORM DARK"] {
  --bg-primary: #0c1017;
  --bg-secondary: #131923;
  --bg-tertiary: #192231;
  --bg-card: rgba(19, 25, 35, 0.85);
  --bg-card-hover: rgba(25, 34, 49, 0.95);
  --bg-input: #101620;
  --border-color: rgba(0, 210, 255, 0.2);
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(0, 210, 255, 0.45);
  --accent: #00d2ff;
  --accent-secondary: #3a7bd5;
  --accent-glow: rgba(0, 210, 255, 0.35);
  --accent-subtle: rgba(0, 210, 255, 0.12);
  --text-primary: #ffffff;
  --text-secondary: #e2e8f0;
  --text-muted: #94a3b8;
  --shadow-color: rgba(0, 0, 0, 0.55);
  --card-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.5);
  --btn-3d-shadow: 0 4px 0 #077994, 0 8px 16px rgba(0, 210, 255, 0.3);
  --btn-3d-shadow-press: 0 1px 0 #077994, 0 3px 8px rgba(0, 210, 255, 0.2);

  /* Индивидуальные стили вкладок */
  --tab-continue-color: #10b981;
  --tab-continue-bg: rgba(16, 185, 129, 0.12);
  --tab-continue-border: rgba(16, 185, 129, 0.4);
  --tab-continue-glow: rgba(16, 185, 129, 0.35);
  --tab-continue-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);
  --tab-continue-3d: 0 4px 0 #047857, 0 8px 18px rgba(16, 185, 129, 0.35);

  --tab-bookmarks-color: #a855f7;
  --tab-bookmarks-bg: rgba(168, 85, 247, 0.12);
  --tab-bookmarks-border: rgba(168, 85, 247, 0.4);
  --tab-bookmarks-glow: rgba(168, 85, 247, 0.35);
  --tab-bookmarks-gradient: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%);
  --tab-bookmarks-3d: 0 4px 0 #6b21a8, 0 8px 18px rgba(168, 85, 247, 0.35);

  --tab-offline-color: #f59e0b;
  --tab-offline-bg: rgba(245, 158, 11, 0.12);
  --tab-offline-border: rgba(245, 158, 11, 0.4);
  --tab-offline-glow: rgba(245, 158, 11, 0.35);
  --tab-offline-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  --tab-offline-3d: 0 4px 0 #b45309, 0 8px 18px rgba(245, 158, 11, 0.35);
}

[data-theme="STORM NIGHT"] {
  --bg-primary: #05070a;
  --bg-secondary: #0a0e14;
  --bg-tertiary: #101620;
  --bg-card: rgba(10, 14, 20, 0.92);
  --bg-card-hover: rgba(16, 22, 32, 0.98);
  --bg-input: #080b10;
  --border-color: rgba(0, 240, 255, 0.25);
  --border-subtle: rgba(255, 255, 255, 0.06);
  --border-hover: rgba(0, 240, 255, 0.55);
  --accent: #00f0ff;
  --accent-secondary: #0088ff;
  --accent-glow: rgba(0, 240, 255, 0.45);
  --accent-subtle: rgba(0, 240, 255, 0.14);
  --text-primary: #ffffff;
  --text-secondary: #e2e8f0;
  --text-muted: #94a3b8;
  --shadow-color: rgba(0, 0, 0, 0.85);
  --card-shadow: 0 12px 30px -5px rgba(0, 0, 0, 0.8), 0 0 15px rgba(0, 240, 255, 0.1);
  --btn-3d-shadow: 0 4px 0 #008fa0, 0 8px 18px rgba(0, 240, 255, 0.35);
  --btn-3d-shadow-press: 0 1px 0 #008fa0, 0 3px 8px rgba(0, 240, 255, 0.2);

  /* Индивидуальные стили вкладок */
  --tab-continue-color: #00ffaa;
  --tab-continue-bg: rgba(0, 255, 170, 0.12);
  --tab-continue-border: rgba(0, 255, 170, 0.45);
  --tab-continue-glow: rgba(0, 255, 170, 0.45);
  --tab-continue-gradient: linear-gradient(135deg, #00ffaa 0%, #00b377 100%);
  --tab-continue-3d: 0 4px 0 #008f5f, 0 8px 18px rgba(0, 255, 170, 0.4);

  --tab-bookmarks-color: #c084fc;
  --tab-bookmarks-bg: rgba(192, 132, 252, 0.12);
  --tab-bookmarks-border: rgba(192, 132, 252, 0.45);
  --tab-bookmarks-glow: rgba(192, 132, 252, 0.45);
  --tab-bookmarks-gradient: linear-gradient(135deg, #c084fc 0%, #9333ea 100%);
  --tab-bookmarks-3d: 0 4px 0 #7e22ce, 0 8px 18px rgba(192, 132, 252, 0.4);

  --tab-offline-color: #fb923c;
  --tab-offline-bg: rgba(251, 146, 60, 0.12);
  --tab-offline-border: rgba(251, 146, 60, 0.45);
  --tab-offline-glow: rgba(251, 146, 60, 0.45);
  --tab-offline-gradient: linear-gradient(135deg, #fb923c 0%, #ea580c 100%);
  --tab-offline-3d: 0 4px 0 #c2410c, 0 8px 18px rgba(251, 146, 60, 0.4);
}

[data-theme="STORM MATRIX"] {
  --bg-primary: #030a05;
  --bg-secondary: #07150a;
  --bg-tertiary: #0c2211;
  --bg-card: rgba(7, 21, 10, 0.88);
  --bg-card-hover: rgba(12, 34, 17, 0.95);
  --bg-input: #050e07;
  --border-color: rgba(0, 255, 102, 0.25);
  --border-subtle: rgba(0, 255, 102, 0.08);
  --border-hover: rgba(0, 255, 102, 0.5);
  --accent: #00ff66;
  --accent-secondary: #00aa44;
  --accent-glow: rgba(0, 255, 102, 0.4);
  --accent-subtle: rgba(0, 255, 102, 0.12);
  --text-primary: #ffffff;
  --text-secondary: #bbf7d0;
  --text-muted: #86efac;
  --shadow-color: rgba(0, 0, 0, 0.75);
  --card-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.7), 0 0 12px rgba(0, 255, 102, 0.12);
  --btn-3d-shadow: 0 4px 0 #00993d, 0 8px 16px rgba(255, 255, 255, 0.3);
  --btn-3d-shadow-press: 0 1px 0 #00993d, 0 3px 8px rgba(255, 255, 255, 0.2);

  /* Индивидуальные стили вкладок */
  --tab-continue-color: #39ff14;
  --tab-continue-bg: rgba(57, 255, 20, 0.12);
  --tab-continue-border: rgba(57, 255, 20, 0.45);
  --tab-continue-glow: rgba(57, 255, 20, 0.45);
  --tab-continue-gradient: linear-gradient(135deg, #39ff14 0%, #00b32d 100%);
  --tab-continue-3d: 0 4px 0 #008020, 0 8px 18px rgba(57, 255, 20, 0.4);

  --tab-bookmarks-color: #bef264;
  --tab-bookmarks-bg: rgba(190, 242, 100, 0.12);
  --tab-bookmarks-border: rgba(190, 242, 100, 0.45);
  --tab-bookmarks-glow: rgba(190, 242, 100, 0.4);
  --tab-bookmarks-gradient: linear-gradient(135deg, #bef264 0%, #65a30d 100%);
  --tab-bookmarks-3d: 0 4px 0 #4d7c0f, 0 8px 18px rgba(190, 242, 100, 0.35);

  --tab-offline-color: #00f0ff;
  --tab-offline-bg: rgba(0, 240, 255, 0.12);
  --tab-offline-border: rgba(0, 240, 255, 0.45);
  --tab-offline-glow: rgba(0, 240, 255, 0.4);
  --tab-offline-gradient: linear-gradient(135deg, #00f0ff 0%, #0284c7 100%);
  --tab-offline-3d: 0 4px 0 #0369a1, 0 8px 18px rgba(0, 240, 255, 0.35);
}

[data-theme="STORM CYBERPUNK"] {
  --bg-primary: #0f0717;
  --bg-secondary: #190c28;
  --bg-tertiary: #231238;
  --bg-card: rgba(25, 12, 40, 0.88);
  --bg-card-hover: rgba(35, 18, 56, 0.95);
  --bg-input: #140a20;
  --border-color: rgba(255, 0, 127, 0.3);
  --border-subtle: rgba(255, 0, 127, 0.09);
  --border-hover: rgba(255, 0, 127, 0.6);
  --accent: #ff007f;
  --accent-secondary: #00f0ff;
  --accent-glow: rgba(255, 0, 127, 0.4);
  --accent-subtle: rgba(255, 0, 127, 0.14);
  --text-primary: #ffffff;
  --text-secondary: #fbcfe8;
  --text-muted: #f472b6;
  --shadow-color: rgba(0, 0, 0, 0.75);
  --card-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.7), 0 0 15px rgba(255, 0, 127, 0.15);
  --btn-3d-shadow: 0 4px 0 #a30052, 0 8px 16px rgba(255, 0, 127, 0.35);
  --btn-3d-shadow-press: 0 1px 0 #a30052, 0 3px 8px rgba(255, 0, 127, 0.2);

  /* Индивидуальные стили вкладок */
  --tab-continue-color: #00f0ff;
  --tab-continue-bg: rgba(0, 240, 255, 0.12);
  --tab-continue-border: rgba(0, 240, 255, 0.45);
  --tab-continue-glow: rgba(0, 240, 255, 0.45);
  --tab-continue-gradient: linear-gradient(135deg, #00f0ff 0%, #0088ff 100%);
  --tab-continue-3d: 0 4px 0 #0066cc, 0 8px 18px rgba(0, 240, 255, 0.4);

  --tab-bookmarks-color: #ff007f;
  --tab-bookmarks-bg: rgba(255, 0, 127, 0.12);
  --tab-bookmarks-border: rgba(255, 0, 127, 0.45);
  --tab-bookmarks-glow: rgba(255, 0, 127, 0.45);
  --tab-bookmarks-gradient: linear-gradient(135deg, #ff007f 0%, #b80058 100%);
  --tab-bookmarks-3d: 0 4px 0 #8f0045, 0 8px 18px rgba(255, 0, 127, 0.4);

  --tab-offline-color: #ffb703;
  --tab-offline-bg: rgba(255, 183, 3, 0.12);
  --tab-offline-border: rgba(255, 183, 3, 0.45);
  --tab-offline-glow: rgba(255, 183, 3, 0.45);
  --tab-offline-gradient: linear-gradient(135deg, #ffb703 0%, #fb8500 100%);
  --tab-offline-3d: 0 4px 0 #d46b08, 0 8px 18px rgba(255, 183, 3, 0.4);
}

[data-theme="STORM MIDNIGHT"] {
  --bg-primary: #0f0c1f;
  --bg-secondary: #17132e;
  --bg-tertiary: #201a3e;
  --bg-card: rgba(23, 19, 46, 0.88);
  --bg-card-hover: rgba(32, 26, 62, 0.95);
  --bg-input: #131026;
  --border-color: rgba(168, 85, 247, 0.28);
  --border-subtle: rgba(168, 85, 247, 0.08);
  --border-hover: rgba(168, 85, 247, 0.55);
  --accent: #a855f7;
  --accent-secondary: #6366f1;
  --accent-glow: rgba(168, 85, 247, 0.4);
  --accent-subtle: rgba(168, 85, 247, 0.14);
  --text-primary: #ffffff;
  --text-secondary: #e9d5ff;
  --text-muted: #c084fc;
  --shadow-color: rgba(0, 0, 0, 0.7);
  --card-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.7), 0 0 14px rgba(168, 85, 247, 0.12);
  --btn-3d-shadow: 0 4px 0 #6b21a8, 0 8px 16px rgba(168, 85, 247, 0.35);
  --btn-3d-shadow-press: 0 1px 0 #6b21a8, 0 3px 8px rgba(168, 85, 247, 0.2);

  /* Индивидуальные стили вкладок */
  --tab-continue-color: #38bdf8;
  --tab-continue-bg: rgba(56, 189, 248, 0.12);
  --tab-continue-border: rgba(56, 189, 248, 0.4);
  --tab-continue-glow: rgba(56, 189, 248, 0.4);
  --tab-continue-gradient: linear-gradient(135deg, #38bdf8 0%, #0284c7 100%);
  --tab-continue-3d: 0 4px 0 #0369a1, 0 8px 18px rgba(56, 189, 248, 0.35);

  --tab-bookmarks-color: #e879f9;
  --tab-bookmarks-bg: rgba(232, 121, 249, 0.12);
  --tab-bookmarks-border: rgba(232, 121, 249, 0.4);
  --tab-bookmarks-glow: rgba(232, 121, 249, 0.4);
  --tab-bookmarks-gradient: linear-gradient(135deg, #e879f9 0%, #c026d3 100%);
  --tab-bookmarks-3d: 0 4px 0 #a21caf, 0 8px 18px rgba(232, 121, 249, 0.35);

  --tab-offline-color: #fb7185;
  --tab-offline-bg: rgba(251, 113, 133, 0.12);
  --tab-offline-border: rgba(251, 113, 133, 0.4);
  --tab-offline-glow: rgba(251, 113, 133, 0.4);
  --tab-offline-gradient: linear-gradient(135deg, #fb7185 0%, #e11d48 100%);
  --tab-offline-3d: 0 4px 0 #be123c, 0 8px 18px rgba(251, 113, 133, 0.35);
}

[data-theme="STORM FANTASY"] {
  --bg-primary: #0e1017;
  --bg-secondary: #171b26;
  --bg-tertiary: #202534;
  --bg-card: rgba(23, 27, 38, 0.88);
  --bg-card-hover: rgba(32, 37, 52, 0.95);
  --bg-input: #12151e;
  --border-color: rgba(245, 158, 11, 0.28);
  --border-subtle: rgba(245, 158, 11, 0.08);
  --border-hover: rgba(245, 158, 11, 0.55);
  --accent: #f59e0b;
  --accent-secondary: #d97706;
  --accent-glow: rgba(245, 158, 11, 0.4);
  --accent-subtle: rgba(245, 158, 11, 0.14);
  --text-primary: #ffffff;
  --text-secondary: #fef3c7;
  --text-muted: #fde68a;
  --shadow-color: rgba(0, 0, 0, 0.65);
  --card-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.65), 0 0 14px rgba(245, 158, 11, 0.12);
  --btn-3d-shadow: 0 4px 0 #b45309, 0 8px 16px rgba(245, 158, 11, 0.35);
  --btn-3d-shadow-press: 0 1px 0 #b45309, 0 3px 8px rgba(245, 158, 11, 0.2);

  /* Индивидуальные стили вкладок */
  --tab-continue-color: #10b981;
  --tab-continue-bg: rgba(16, 185, 129, 0.12);
  --tab-continue-border: rgba(16, 185, 129, 0.4);
  --tab-continue-glow: rgba(16, 185, 129, 0.35);
  --tab-continue-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);
  --tab-continue-3d: 0 4px 0 #047857, 0 8px 18px rgba(16, 185, 129, 0.35);

  --tab-bookmarks-color: #c084fc;
  --tab-bookmarks-bg: rgba(192, 132, 252, 0.12);
  --tab-bookmarks-border: rgba(192, 132, 252, 0.4);
  --tab-bookmarks-glow: rgba(192, 132, 252, 0.35);
  --tab-bookmarks-gradient: linear-gradient(135deg, #c084fc 0%, #8b5cf6 100%);
  --tab-bookmarks-3d: 0 4px 0 #6d28d9, 0 8px 18px rgba(192, 132, 252, 0.35);

  --tab-offline-color: #f59e0b;
  --tab-offline-bg: rgba(245, 158, 11, 0.12);
  --tab-offline-border: rgba(245, 158, 11, 0.4);
  --tab-offline-glow: rgba(245, 158, 11, 0.35);
  --tab-offline-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  --tab-offline-3d: 0 4px 0 #b45309, 0 8px 18px rgba(245, 158, 11, 0.35);
}

[data-theme="STORM WARHAMMER 40K"] {
  --bg-primary: #0c0d10;
  --bg-secondary: #15171c;
  --bg-tertiary: #1e2027;
  --bg-card: rgba(21, 23, 28, 0.9);
  --bg-card-hover: rgba(30, 32, 39, 0.96);
  --bg-input: #111215;
  --border-color: rgba(212, 175, 55, 0.3);
  --border-subtle: rgba(212, 175, 55, 0.09);
  --border-hover: rgba(212, 175, 55, 0.6);
  --accent: #d4af37;
  --accent-secondary: #997b1e;
  --accent-glow: rgba(212, 175, 55, 0.4);
  --accent-subtle: rgba(212, 175, 55, 0.14);
  --text-primary: #ffffff;
  --text-secondary: #fef9c3;
  --text-muted: #fef08a;
  --shadow-color: rgba(0, 0, 0, 0.8);
  --card-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.8), 0 0 14px rgba(212, 175, 55, 0.15);
  --btn-3d-shadow: 0 4px 0 #856a16, 0 8px 16px rgba(212, 175, 55, 0.35);
  --btn-3d-shadow-press: 0 1px 0 #856a16, 0 3px 8px rgba(212, 175, 55, 0.2);

  /* Индивидуальные стили вкладок */
  --tab-continue-color: #4ade80;
  --tab-continue-bg: rgba(74, 222, 128, 0.12);
  --tab-continue-border: rgba(74, 222, 128, 0.4);
  --tab-continue-glow: rgba(74, 222, 128, 0.35);
  --tab-continue-gradient: linear-gradient(135deg, #4ade80 0%, #16a34a 100%);
  --tab-continue-3d: 0 4px 0 #15803d, 0 8px 18px rgba(74, 222, 128, 0.35);

  --tab-bookmarks-color: #f43f5e;
  --tab-bookmarks-bg: rgba(244, 63, 94, 0.12);
  --tab-bookmarks-border: rgba(244, 63, 94, 0.4);
  --tab-bookmarks-glow: rgba(244, 63, 94, 0.35);
  --tab-bookmarks-gradient: linear-gradient(135deg, #f43f5e 0%, #be123c 100%);
  --tab-bookmarks-3d: 0 4px 0 #9f1239, 0 8px 18px rgba(244, 63, 94, 0.35);

  --tab-offline-color: #d4af37;
  --tab-offline-bg: rgba(212, 175, 55, 0.12);
  --tab-offline-border: rgba(212, 175, 55, 0.4);
  --tab-offline-glow: rgba(212, 175, 55, 0.35);
  --tab-offline-gradient: linear-gradient(135deg, #d4af37 0%, #997b1e 100%);
  --tab-offline-3d: 0 4px 0 #856a16, 0 8px 18px rgba(212, 175, 55, 0.35);
}

[data-theme="STORM DAY"] {
  --bg-primary: #f1f5f9;
  --bg-secondary: #ffffff;
  --bg-tertiary: #e2e8f0;
  --bg-card: rgba(255, 255, 255, 0.95);
  --bg-card-hover: #ffffff;
  --bg-input: #f8fafc;
  --border-color: rgba(2, 132, 199, 0.25);
  --border-subtle: rgba(0, 0, 0, 0.08);
  --border-hover: rgba(2, 132, 199, 0.5);
  --accent: #0284c7;
  --accent-secondary: #0369a1;
  --accent-glow: rgba(2, 132, 199, 0.25);
  --accent-subtle: rgba(2, 132, 199, 0.08);
  --text-primary: #0f172a;
  --text-secondary: #475569;
  --text-muted: #94a3b8;
  --shadow-color: rgba(0, 0, 0, 0.08);
  --card-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04);
  --btn-3d-shadow: 0 4px 0 #0369a1, 0 8px 16px rgba(2, 132, 199, 0.25);
  --btn-3d-shadow-press: 0 1px 0 #0369a1, 0 3px 8px rgba(2, 132, 199, 0.15);

  /* Индивидуальные стили вкладок */
  --tab-continue-color: #059669;
  --tab-continue-bg: rgba(5, 150, 105, 0.1);
  --tab-continue-border: rgba(5, 150, 105, 0.35);
  --tab-continue-glow: rgba(5, 150, 105, 0.25);
  --tab-continue-gradient: linear-gradient(135deg, #059669 0%, #047857 100%);
  --tab-continue-3d: 0 4px 0 #065f46, 0 8px 16px rgba(5, 150, 105, 0.25);

  --tab-bookmarks-color: #7c3aed;
  --tab-bookmarks-bg: rgba(124, 58, 237, 0.1);
  --tab-bookmarks-border: rgba(124, 58, 237, 0.35);
  --tab-bookmarks-glow: rgba(124, 58, 237, 0.25);
  --tab-bookmarks-gradient: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
  --tab-bookmarks-3d: 0 4px 0 #5b21b6, 0 8px 16px rgba(124, 58, 237, 0.25);

  --tab-offline-color: #d97706;
  --tab-offline-bg: rgba(217, 119, 6, 0.1);
  --tab-offline-border: rgba(217, 119, 6, 0.35);
  --tab-offline-glow: rgba(217, 119, 6, 0.25);
  --tab-offline-gradient: linear-gradient(135deg, #d97706 0%, #b45309 100%);
  --tab-offline-3d: 0 4px 0 #92400e, 0 8px 16px rgba(217, 119, 6, 0.25);
}

/* Статусные глобальные цвета */
:root {
  --color-green: #10b981;
  --color-green-glow: rgba(16, 185, 129, 0.4);
  --color-cyan: #06b6d4;
  --color-cyan-glow: rgba(6, 182, 212, 0.4);
  --color-amber: #f59e0b;
  --color-amber-glow: rgba(245, 158, 11, 0.4);
  --color-orange: #f97316;
  --color-orange-glow: rgba(249, 115, 22, 0.4);
  --color-red: #ef4444;
  --color-red-glow: rgba(239, 68, 68, 0.4);
  --color-purple: #8b5cf6;
  --color-purple-glow: rgba(139, 92, 246, 0.4);
}