/* ===== ДИЗАЙН-СИСТЕМА: ЦВЕТОВЫЕ ТОКЕНЫ ===== */

:root {
  /* Offset для панелей (header + dm-bar), обновляется из JS */
  --panels-top: 3rem;

  /* Spacing (unit = 0.25rem) */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 0.75rem;
  --space-lg: 1rem;
  --space-xl: 1.5rem;
  --space-2xl: 2rem;

  /* Border radius */
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-full: 50%;

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-normal: 250ms ease;

  /* Panel row height */
  --panel-row: 2.25rem;

  /* Font sizes */
  --font-h1: 1.5rem;
  --font-h2: 1.125rem;
  --font-body: 0.875rem;
  --font-small: 0.75rem;
  --font-micro: 0.6875rem;
  --font-mono: 0.8125rem;
}

/* ===== ПАЛИТРА АВАТАРОВ (по умолчанию — Material 400, мягче чем --danger) ===== */
:root {
  --nick-0: #C48080; --nick-1: #C46888; --nick-2: #AB47BC; --nick-3: #7E57C2;
  --nick-4: #5C6BC0; --nick-5: #42A5F5; --nick-6: #29B6F6; --nick-7: #26C6DA;
  --nick-8: #26A69A; --nick-9: #66BB6A; --nick-10: #9CCC65; --nick-11: #D4E157;
  --nick-12: #FFEE58; --nick-13: #E0B840; --nick-14: #D89838; --nick-15: #D07050;
}

/* ===== СВЕТЛАЯ ТЕМА ===== */
:root,
[data-theme="light"] {
  --bg-primary: #FFFFFF;
  --bg-secondary: #F5F5F5;
  --bg-tertiary: #EEEEEE;
  --text-primary: #212121;
  --text-secondary: #757575;
  --border: #E0E0E0;
  --bg-hover: #EAEAEA;
  --accent: #1E88E5;
  --accent-hover: #1565C0;
  --accent-light: #E3F2FD;
  --accent-rgb: 30, 136, 229;
  --success: #43A047;
  --success-light: #E8F5E9;
  --warning: #FB8C00;
  --warning-light: #FFF3E0;
  --danger: #E53935;
  --danger-light: #FFEBEE;

  /* Специфичные для стадий (legacy) */
  --locked-bg: #F5F5F5;
  --active-bg: #E3F2FD;
  --done-bg: #E8F5E9;

  /* Статусы — отдельная подсистема, не пересекается с accent/success */
  --status-done: #2E7D32;
  --status-done-text: #fff;
  --status-done-bg: #C8E6C9;
  --status-done-bg-sel: #A5D6A7;
  --status-active: #E65100;
  --status-active-bg: #FFE0B2;
  --status-active-bg-sel: #FFCC80;
  --status-locked: #9E9E9E;
  --status-locked-bg: #F5F5F5;
  --status-locked-bg-sel: #E0E0E0;
  --tab-selected-bg: #FFFFFF;
  --tab-selected-text: #1A1A1A;

  /* Уведомления */
  --unread-dot: #E53935;

  /* Паттерн фона чата */
  --pattern-color: rgba(0, 0, 0, 0.04);

  /* Тени */
  --shadow-card: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-card-hover: 0 4px 12px rgba(0,0,0,0.12);
  --shadow-modal: 0 8px 32px rgba(0,0,0,0.2);
  --shadow-dropdown: 0 4px 16px rgba(0,0,0,0.15);

  color-scheme: light;
}

/* ===== ТЁМНАЯ ТЕМА ===== */
[data-theme="dark"] {
  --bg-primary: #1E1E1E;
  --bg-secondary: #2A2A2A;
  --bg-tertiary: #333333;
  --bg-hover: #353535;
  --text-primary: #E0E0E0;
  --text-secondary: #9E9E9E;
  --border: #404040;
  --accent: #42A5F5;
  --accent-hover: #64B5F6;
  --accent-light: #1A3A5C;
  --accent-rgb: 66, 165, 245;
  --success: #66BB6A;
  --success-light: #1B3A1E;
  --warning: #FFA726;
  --warning-light: #3E2A10;
  --danger: #EF5350;
  --danger-light: #3E1A1A;

  --locked-bg: #2A2A2A;
  --active-bg: #1A3A5C;
  --done-bg: #1B3A1E;
  --unread-dot: #EF5350;

  /* Статусы */
  --status-done: #4CAF50;
  --status-done-text: #fff;
  --status-done-bg: #1B3A1E;
  --status-done-bg-sel: #2E5E32;
  --status-active: #FF9800;
  --status-active-bg: #3E2A10;
  --status-active-bg-sel: #5C3E18;
  --status-locked: #757575;
  --status-locked-bg: #2A2A2A;
  --status-locked-bg-sel: #3A3A3A;
  --tab-selected-bg: #E0E0E0;
  --tab-selected-text: #1A1A1A;

  --pattern-color: rgba(255, 255, 255, 0.03);

  /* Тёмная тема: слегка холодные тени */
  --shadow-card: 0 1px 2px rgba(0, 5, 20, 0.35);
  --shadow-card-hover: 0 4px 12px rgba(0, 5, 20, 0.45);
  --shadow-modal: 0 8px 32px rgba(0, 5, 20, 0.55);
  --shadow-dropdown: 0 4px 16px rgba(0, 5, 20, 0.45);

  color-scheme: dark;
}

/* Системная тема */
@media (prefers-color-scheme: dark) {
  [data-theme="system"] {
    --bg-primary: #1E1E1E;
    --bg-secondary: #2A2A2A;
    --bg-tertiary: #333333;
    --bg-hover: #353535;
    --text-primary: #E0E0E0;
    --text-secondary: #9E9E9E;
    --border: #404040;
    --accent: #42A5F5;
    --accent-hover: #64B5F6;
    --accent-light: #1A3A5C;
    --accent-rgb: 66, 165, 245;
    --success: #66BB6A;
    --success-light: #1B3A1E;
    --warning: #FFA726;
    --warning-light: #3E2A10;
    --danger: #EF5350;
    --danger-light: #3E1A1A;
    --locked-bg: #2A2A2A;
    --active-bg: #1A3A5C;
    --done-bg: #1B3A1E;
    --unread-dot: #EF5350;
    --status-done: #4CAF50;
    --status-done-text: #fff;
    --status-done-bg: #1B3A1E;
    --status-done-bg-sel: #2E5E32;
    --status-active: #FF9800;
    --status-active-bg: #3E2A10;
    --status-active-bg-sel: #5C3E18;
    --status-locked: #757575;
    --status-locked-bg: #2A2A2A;
    --status-locked-bg-sel: #3A3A3A;
    --tab-selected-bg: #E0E0E0;
    --tab-selected-text: #1A1A1A;
    --pattern-color: rgba(255, 255, 255, 0.03);
    --shadow-card: 0 1px 2px rgba(0, 5, 20, 0.35);
    --shadow-card-hover: 0 4px 12px rgba(0, 5, 20, 0.45);
    --shadow-modal: 0 8px 32px rgba(0, 5, 20, 0.55);
    --shadow-dropdown: 0 4px 16px rgba(0, 5, 20, 0.45);
    color-scheme: dark;
  }
}

/* ===== КИБЕРПАНК ===== */
[data-theme="cyberpunk"] {
  /* Неоновая палитра аватаров (притушенная, ниже --danger) */
  --nick-0: #C04858; --nick-1: #C85890; --nick-2: #B060E0; --nick-3: #7040E0;
  --nick-4: #5545C0; --nick-5: #2098E0; --nick-6: #20C0E8; --nick-7: #20D8E8;
  --nick-8: #20D0A0; --nick-9: #30E878; --nick-10: #90E820; --nick-11: #C0E820;
  --nick-12: #F0CC20; --nick-13: #C89828; --nick-14: #C87028; --nick-15: #C05028;
  --bg-primary: #0a0e17;
  --bg-secondary: #111827;
  --bg-tertiary: #1a1f2e;
  --bg-hover: #212840;
  --text-primary: #e0f0ff;
  --text-secondary: #7a8ba3;
  --border: #1e2d4a;
  --accent: #00f0ff;
  --accent-text: #0a0e17;
  --accent-hover: #33f5ff;
  --accent-light: #0a2a30;
  --accent-rgb: 0, 240, 255;
  --success: #00ff88;
  --success-light: #0a2a1a;
  --warning: #ffdd00;
  --warning-light: #2a2500;
  --danger: #ff2d55;
  --danger-light: #2a0a12;

  --locked-bg: #111827;
  --active-bg: #0a2a30;
  --done-bg: #0a2a1a;
  --unread-dot: #ff2d55;

  /* Статусы */
  --status-done: #00ff88;
  --status-done-text: #0a0e17;
  --status-done-bg: #0a2a1a;
  --status-done-bg-sel: #0f3d26;
  --status-active: #ffdd00;
  --status-active-bg: #2a2500;
  --status-active-bg-sel: #3d3600;
  --status-locked: #4a5568;
  --status-locked-bg: #111827;
  --status-locked-bg-sel: #1a1f2e;
  --tab-selected-bg: #00f0ff;
  --tab-selected-text: #0a0e17;

  --pattern-color: rgba(0, 240, 255, 0.045);

  /* Неоновые тени с glow-эффектом */
  --shadow-card: 0 1px 4px rgba(0, 240, 255, 0.1);
  --shadow-card-hover: 0 4px 16px rgba(0, 240, 255, 0.2);
  --shadow-modal: 0 8px 32px rgba(0, 0, 0, 0.6), 0 0 60px rgba(0, 240, 255, 0.1);
  --shadow-dropdown: 0 4px 20px rgba(0, 0, 0, 0.5), 0 0 30px rgba(0, 240, 255, 0.08);

  color-scheme: dark;
}

/* ===== ДЕВЧАЧЬЯ ===== */
[data-theme="girly"] {
  /* Мягкая пастельная палитра */
  --nick-0: #D07888; --nick-1: #CC6080; --nick-2: #CE93D8; --nick-3: #AB47BC;
  --nick-4: #7986CB; --nick-5: #64B5F6; --nick-6: #4FC3F7; --nick-7: #4DD0E1;
  --nick-8: #4DB6AC; --nick-9: #81C784; --nick-10: #AED581; --nick-11: #DCE775;
  --nick-12: #F5E66B; --nick-13: #E0C058; --nick-14: #E0A458; --nick-15: #D88868;
  --bg-primary: #fdf2f8;
  --bg-secondary: #fce7f3;
  --bg-tertiary: #f5d0e6;
  --bg-hover: #f9d5ec;
  --text-primary: #831843;
  --text-secondary: #a8537a;
  --border: #f0b8d6;
  --accent: #ec4899;
  --accent-hover: #db2777;
  --accent-light: #fce7f3;
  --accent-rgb: 236, 72, 153;
  --success: #10b981;
  --success-light: #d1fae5;
  --warning: #f59e0b;
  --warning-light: #fef3c7;
  --danger: #f43f5e;
  --danger-light: #ffe4e6;

  --locked-bg: #fce7f3;
  --active-bg: #fce7f3;
  --done-bg: #d1fae5;
  --unread-dot: #f43f5e;

  /* Статусы */
  --status-done: #059669;
  --status-done-text: #fff;
  --status-done-bg: #d1fae5;
  --status-done-bg-sel: #a7f3d0;
  --status-active: #d97706;
  --status-active-bg: #fef3c7;
  --status-active-bg-sel: #fde68a;
  --status-locked: #d4a0be;
  --status-locked-bg: #fce7f3;
  --status-locked-bg-sel: #f5d0e6;
  --tab-selected-bg: #ffffff;
  --tab-selected-text: #831843;

  --pattern-color: rgba(236, 72, 153, 0.05);

  /* Мягкие розоватые тени */
  --shadow-card: 0 1px 4px rgba(236, 72, 153, 0.08);
  --shadow-card-hover: 0 4px 14px rgba(236, 72, 153, 0.14);
  --shadow-modal: 0 8px 32px rgba(236, 72, 153, 0.15);
  --shadow-dropdown: 0 4px 16px rgba(236, 72, 153, 0.12);

  color-scheme: light;
}

/* ===== ДРАКУЛА ===== */
[data-theme="dracula"] {
  /* Палитра Dracula — приглушена ниже --danger (#ff5555) */
  --nick-0: #C07070; --nick-1: #C880A0; --nick-2: #BD93F9; --nick-3: #9580FF;
  --nick-4: #6272A4; --nick-5: #7B93DB; --nick-6: #7DD8EC; --nick-7: #80DEEA;
  --nick-8: #5FBAA8; --nick-9: #45E06E; --nick-10: #8AE99C; --nick-11: #B8D840;
  --nick-12: #E5EE80; --nick-13: #D8A860; --nick-14: #C88850; --nick-15: #C06048;
  --bg-primary: #282a36;
  --bg-secondary: #21222c;
  --bg-tertiary: #343746;
  --bg-hover: #3c3f58;
  --text-primary: #f8f8f2;
  --text-secondary: #6272a4;
  --border: #44475a;
  --accent: #bd93f9;
  --accent-text: #282a36;
  --accent-hover: #caa8fc;
  --accent-light: #2a2440;
  --accent-rgb: 189, 147, 249;
  --success: #50fa7b;
  --success-light: #1a2e20;
  --warning: #f1fa8c;
  --warning-light: #2e2e1a;
  --danger: #ff5555;
  --danger-light: #3e1a1a;

  --locked-bg: #21222c;
  --active-bg: #2a2440;
  --done-bg: #1a2e20;
  --unread-dot: #ff5555;

  /* Статусы */
  --status-done: #50fa7b;
  --status-done-text: #282a36;
  --status-done-bg: #1a2e20;
  --status-done-bg-sel: #254832;
  --status-active: #f1fa8c;
  --status-active-bg: #2e2e1a;
  --status-active-bg-sel: #454528;
  --status-locked: #6272a4;
  --status-locked-bg: #21222c;
  --status-locked-bg-sel: #343746;
  --tab-selected-bg: #bd93f9;
  --tab-selected-text: #282a36;

  --pattern-color: rgba(189, 147, 249, 0.045);

  /* Фиолетовые тени */
  --shadow-card: 0 1px 4px rgba(139, 100, 220, 0.12);
  --shadow-card-hover: 0 4px 16px rgba(139, 100, 220, 0.2);
  --shadow-modal: 0 8px 32px rgba(20, 18, 30, 0.6), 0 0 50px rgba(139, 100, 220, 0.08);
  --shadow-dropdown: 0 4px 20px rgba(20, 18, 30, 0.5), 0 0 24px rgba(139, 100, 220, 0.06);

  color-scheme: dark;
}

/* ===== НОРД ===== */
[data-theme="nord"] {
  /* Приглушённая арктическая палитра */
  --nick-0: #BF616A; --nick-1: #B48EAD; --nick-2: #A36AAD; --nick-3: #7B6BAA;
  --nick-4: #5E81AC; --nick-5: #81A1C1; --nick-6: #88C0D0; --nick-7: #8FBCBB;
  --nick-8: #7BA098; --nick-9: #A3BE8C; --nick-10: #B5C78A; --nick-11: #C9C87E;
  --nick-12: #EBCB8B; --nick-13: #D8A657; --nick-14: #D08770; --nick-15: #C06050;
  --bg-primary: #2e3440;
  --bg-secondary: #3b4252;
  --bg-tertiary: #434c5e;
  --bg-hover: #4c566a;
  --text-primary: #eceff4;
  --text-secondary: #d8dee9;
  --border: #4c566a;
  --accent: #88c0d0;
  --accent-text: #2e3440;
  --accent-hover: #8fbcbb;
  --accent-light: #2b3844;
  --accent-rgb: 136, 192, 208;
  --success: #a3be8c;
  --success-light: #2b3328;
  --warning: #ebcb8b;
  --warning-light: #3a3224;
  --danger: #D05858;
  --danger-light: #3E2028;

  --locked-bg: #3b4252;
  --active-bg: #2b3844;
  --done-bg: #2b3328;
  --unread-dot: #D05858;

  /* Статусы */
  --status-done: #a3be8c;
  --status-done-text: #2e3440;
  --status-done-bg: #2b3328;
  --status-done-bg-sel: #3a4834;
  --status-active: #ebcb8b;
  --status-active-bg: #3a3224;
  --status-active-bg-sel: #504632;
  --status-locked: #4c566a;
  --status-locked-bg: #3b4252;
  --status-locked-bg-sel: #434c5e;
  --tab-selected-bg: #88c0d0;
  --tab-selected-text: #2e3440;

  --pattern-color: rgba(136, 192, 208, 0.04);

  /* Холодные арктические тени */
  --shadow-card: 0 1px 4px rgba(46, 52, 64, 0.4);
  --shadow-card-hover: 0 4px 14px rgba(46, 52, 64, 0.5);
  --shadow-modal: 0 8px 32px rgba(30, 34, 42, 0.6), 0 0 40px rgba(136, 192, 208, 0.05);
  --shadow-dropdown: 0 4px 20px rgba(30, 34, 42, 0.55);

  color-scheme: dark;
}

/* ===== СОЛЯРИЗОВАННАЯ ===== */
[data-theme="solarized"] {
  /* Палитра Solarized accents (тёплые притушены ниже --danger) */
  --nick-0: #B04848; --nick-1: #B84080; --nick-2: #6C71C4; --nick-3: #586EC4;
  --nick-4: #268BD2; --nick-5: #2E9FD6; --nick-6: #2AA198; --nick-7: #35B5AC;
  --nick-8: #1A9A7A; --nick-9: #859900; --nick-10: #98A62D; --nick-11: #AAB33C;
  --nick-12: #B58900; --nick-13: #B84820; --nick-14: #B05030; --nick-15: #B84838;
  --bg-primary: #002b36;
  --bg-secondary: #073642;
  --bg-tertiary: #0a3d4a;
  --bg-hover: #0e4756;
  --text-primary: #93a1a1;
  --text-secondary: #657b83;
  --border: #0e4756;
  --accent: #268bd2;
  --accent-hover: #2aa1f0;
  --accent-light: #0a2a3a;
  --accent-rgb: 38, 139, 210;
  --success: #859900;
  --success-light: #1a2800;
  --warning: #b58900;
  --warning-light: #2a2000;
  --danger: #E03530;
  --danger-light: #3a1210;

  --locked-bg: #073642;
  --active-bg: #0a2a3a;
  --done-bg: #1a2800;
  --unread-dot: #E03530;

  /* Статусы */
  --status-done: #859900;
  --status-done-text: #002b36;
  --status-done-bg: #1a2800;
  --status-done-bg-sel: #283e00;
  --status-active: #b58900;
  --status-active-bg: #2a2000;
  --status-active-bg-sel: #403200;
  --status-locked: #586e75;
  --status-locked-bg: #073642;
  --status-locked-bg-sel: #0a3d4a;
  --tab-selected-bg: #268bd2;
  --tab-selected-text: #fdf6e3;

  --pattern-color: rgba(38, 139, 210, 0.04);

  /* Тёплые тиловые тени */
  --shadow-card: 0 1px 4px rgba(0, 30, 40, 0.35);
  --shadow-card-hover: 0 4px 14px rgba(0, 30, 40, 0.45);
  --shadow-modal: 0 8px 32px rgba(0, 20, 28, 0.6), 0 0 40px rgba(38, 139, 210, 0.06);
  --shadow-dropdown: 0 4px 20px rgba(0, 20, 28, 0.55);

  color-scheme: dark;
}

/* ===== РЕТРО ===== */
[data-theme="retro"] {
  /* Тёплые винтажные тона (тёплые притушены ниже --danger) */
  --nick-0: #B06868; --nick-1: #A86878; --nick-2: #9B6B8E; --nick-3: #7D6B91;
  --nick-4: #6B7B8D; --nick-5: #5B86A4; --nick-6: #6A9DAD; --nick-7: #5F9EA0;
  --nick-8: #6B9B8A; --nick-9: #6B8E23; --nick-10: #8FA348; --nick-11: #A4A03C;
  --nick-12: #B8860B; --nick-13: #B87838; --nick-14: #A86838; --nick-15: #A86048;
  --bg-primary: #f5f0e8;
  --bg-secondary: #ebe5d6;
  --bg-tertiary: #dfd8c8;
  --bg-hover: #d6cfbe;
  --text-primary: #3e3529;
  --text-secondary: #7a6f60;
  --border: #cfc6b2;
  --accent: #b8860b;
  --accent-hover: #9a7209;
  --accent-light: #f5ecd4;
  --accent-rgb: 184, 134, 11;
  --success: #6b8e23;
  --success-light: #e8f0d4;
  --warning: #cd853f;
  --warning-light: #f8eedf;
  --danger: #D94E4E;
  --danger-light: #F5D5D5;

  --locked-bg: #ebe5d6;
  --active-bg: #f5ecd4;
  --done-bg: #e8f0d4;
  --unread-dot: #D94E4E;

  /* Статусы */
  --status-done: #558b2f;
  --status-done-text: #fff;
  --status-done-bg: #e8f0d4;
  --status-done-bg-sel: #d4e6b4;
  --status-active: #bf6900;
  --status-active-bg: #f8eedf;
  --status-active-bg-sel: #f0dfc0;
  --status-locked: #a89a85;
  --status-locked-bg: #ebe5d6;
  --status-locked-bg-sel: #dfd8c8;
  --tab-selected-bg: #ffffff;
  --tab-selected-text: #3e3529;

  --pattern-color: rgba(184, 134, 11, 0.05);

  /* Тёплые коричневые тени */
  --shadow-card: 0 1px 4px rgba(100, 80, 50, 0.1);
  --shadow-card-hover: 0 4px 14px rgba(100, 80, 50, 0.16);
  --shadow-modal: 0 8px 32px rgba(100, 80, 50, 0.2);
  --shadow-dropdown: 0 4px 16px rgba(100, 80, 50, 0.15);

  color-scheme: light;
}