/* Цветовые темы планера (светлая — :root в main.css) */

[data-theme="dark"] {
  --color-bg: #121212;
  --color-sidebar: #1a1a1a;
  --color-card: #242424;
  --color-primary: #5b8def;
  --color-primary-hover: #4776e6;
  --color-text: #f3f4f6;
  --color-muted: #9ca3af;
  --color-border: #2e2e2e;
  --color-danger: #f87171;
  --color-success: #4ade80;
  --color-rail: #141414;
  --color-input-bg: #242424;
  --color-hover: rgba(255, 255, 255, 0.06);
  --color-active: rgba(255, 255, 255, 0.1);
  --color-schedule-accent: var(--color-primary);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.45);
  --tag-blue: #5b8def;
  --tag-teal: #3dbaa8;
  --tag-green: #5fbe86;
  --tag-amber: #e0b04a;
  --tag-orange: #f0a04b;
  --tag-rose: #e891b8;
  --tag-violet: #8b7cf6;
  --tag-slate: #9ca3af;
}

[data-theme="yellow"] {
  --color-bg: #fffdf3;
  --color-sidebar: #ffffff;
  --color-card: #ffffff;
  --color-primary: #d4a017;
  --color-primary-hover: #b8860b;
  --color-text: #4a3b12;
  --color-muted: #9a8248;
  --color-border: #f3e4a8;
  --color-rail: #fff8db;
  --color-input-bg: #fffbeb;
  --color-hover: rgba(212, 160, 23, 0.12);
  --color-active: rgba(212, 160, 23, 0.22);
  --color-schedule-accent: var(--color-primary);
  --shadow-sm: 0 1px 4px rgba(184, 134, 11, 0.12);
  --shadow-md: 0 10px 28px rgba(184, 134, 11, 0.16);
}

[data-theme="amber"] {
  --color-bg: #fffaf0;
  --color-sidebar: #ffffff;
  --color-card: #ffffff;
  --color-primary: #f59e0b;
  --color-primary-hover: #d97706;
  --color-text: #4a3208;
  --color-muted: #a67a2e;
  --color-border: #fde2b0;
  --color-rail: #fff4e5;
  --color-input-bg: #fff8ed;
  --color-hover: rgba(245, 158, 11, 0.12);
  --color-active: rgba(245, 158, 11, 0.22);
  --color-schedule-accent: var(--color-primary);
  --shadow-sm: 0 1px 4px rgba(217, 119, 6, 0.12);
  --shadow-md: 0 10px 28px rgba(217, 119, 6, 0.16);
}

[data-theme="orange"] {
  --color-bg: #fff8f3;
  --color-sidebar: #ffffff;
  --color-card: #ffffff;
  --color-primary: #f97316;
  --color-primary-hover: #ea580c;
  --color-text: #4a2a12;
  --color-muted: #a86a42;
  --color-border: #fdd5b8;
  --color-rail: #fff1e8;
  --color-input-bg: #fff6f0;
  --color-hover: rgba(249, 115, 22, 0.12);
  --color-active: rgba(249, 115, 22, 0.22);
  --color-schedule-accent: var(--color-primary);
  --shadow-sm: 0 1px 4px rgba(234, 88, 12, 0.12);
  --shadow-md: 0 10px 28px rgba(234, 88, 12, 0.16);
}

[data-theme="coral"] {
  --color-bg: #fff7f5;
  --color-sidebar: #ffffff;
  --color-card: #ffffff;
  --color-primary: #fb7185;
  --color-primary-hover: #f43f5e;
  --color-text: #4a2430;
  --color-muted: #a86b78;
  --color-border: #fcd4db;
  --color-rail: #fff0ec;
  --color-input-bg: #fff6f4;
  --color-hover: rgba(251, 113, 133, 0.12);
  --color-active: rgba(251, 113, 133, 0.22);
  --color-schedule-accent: var(--color-primary);
  --shadow-sm: 0 1px 4px rgba(244, 63, 94, 0.12);
  --shadow-md: 0 10px 28px rgba(244, 63, 94, 0.16);
}

[data-theme="red"] {
  --color-bg: #fff7f7;
  --color-sidebar: #ffffff;
  --color-card: #ffffff;
  --color-primary: #ef4444;
  --color-primary-hover: #dc2626;
  --color-text: #4a1818;
  --color-muted: #a85c5c;
  --color-border: #facaca;
  --color-rail: #fff1f1;
  --color-input-bg: #fff6f6;
  --color-hover: rgba(239, 68, 68, 0.12);
  --color-active: rgba(239, 68, 68, 0.22);
  --color-schedule-accent: var(--color-primary);
  --shadow-sm: 0 1px 4px rgba(220, 38, 38, 0.12);
  --shadow-md: 0 10px 28px rgba(220, 38, 38, 0.16);
}

[data-theme="rose"] {
  --color-bg: #fff5f8;
  --color-sidebar: #ffffff;
  --color-card: #ffffff;
  --color-primary: #e11d48;
  --color-primary-hover: #be123c;
  --color-text: #4a1428;
  --color-muted: #a85a72;
  --color-border: #f9c2d0;
  --color-rail: #fff0f5;
  --color-input-bg: #fff5f8;
  --color-hover: rgba(225, 29, 72, 0.12);
  --color-active: rgba(225, 29, 72, 0.22);
  --color-schedule-accent: var(--color-primary);
  --shadow-sm: 0 1px 4px rgba(190, 18, 60, 0.12);
  --shadow-md: 0 10px 28px rgba(190, 18, 60, 0.16);
}

[data-theme="purple"] {
  --color-bg: #faf7ff;
  --color-sidebar: #ffffff;
  --color-card: #ffffff;
  --color-primary: #8b5cf6;
  --color-primary-hover: #7c3aed;
  --color-text: #35245c;
  --color-muted: #7c6a9a;
  --color-border: #e4d7fb;
  --color-rail: #f7f1ff;
  --color-input-bg: #faf7ff;
  --color-hover: rgba(139, 92, 246, 0.12);
  --color-active: rgba(139, 92, 246, 0.22);
  --color-schedule-accent: var(--color-primary);
  --shadow-sm: 0 1px 4px rgba(124, 58, 237, 0.12);
  --shadow-md: 0 10px 28px rgba(124, 58, 237, 0.16);
}

[data-theme="violet"] {
  --color-bg: #f8f5ff;
  --color-sidebar: #ffffff;
  --color-card: #ffffff;
  --color-primary: #7c3aed;
  --color-primary-hover: #6d28d9;
  --color-text: #2e1a57;
  --color-muted: #7460a0;
  --color-border: #ddd0f8;
  --color-rail: #f5f0ff;
  --color-input-bg: #f8f5ff;
  --color-hover: rgba(124, 58, 237, 0.12);
  --color-active: rgba(124, 58, 237, 0.22);
  --color-schedule-accent: var(--color-primary);
  --shadow-sm: 0 1px 4px rgba(109, 40, 217, 0.12);
  --shadow-md: 0 10px 28px rgba(109, 40, 217, 0.16);
}

[data-theme="indigo"] {
  --color-bg: #f6f8ff;
  --color-sidebar: #ffffff;
  --color-card: #ffffff;
  --color-primary: #6366f1;
  --color-primary-hover: #4f46e5;
  --color-text: #1f2558;
  --color-muted: #6b719e;
  --color-border: #d5daf8;
  --color-rail: #eef2ff;
  --color-input-bg: #f6f8ff;
  --color-hover: rgba(99, 102, 241, 0.12);
  --color-active: rgba(99, 102, 241, 0.22);
  --color-schedule-accent: var(--color-primary);
  --shadow-sm: 0 1px 4px rgba(79, 70, 229, 0.12);
  --shadow-md: 0 10px 28px rgba(79, 70, 229, 0.16);
}

[data-theme="blue"] {
  --color-bg: #f5f8ff;
  --color-sidebar: #ffffff;
  --color-card: #ffffff;
  --color-primary: #3b82f6;
  --color-primary-hover: #2563eb;
  --color-text: #1a3358;
  --color-muted: #6a7fa0;
  --color-border: #cfe0fb;
  --color-rail: #eff5ff;
  --color-input-bg: #f5f8ff;
  --color-hover: rgba(59, 130, 246, 0.12);
  --color-active: rgba(59, 130, 246, 0.22);
  --color-schedule-accent: var(--color-primary);
  --shadow-sm: 0 1px 4px rgba(37, 99, 235, 0.12);
  --shadow-md: 0 10px 28px rgba(37, 99, 235, 0.16);
}

[data-theme="skyblue"] {
  --color-bg: #f3faff;
  --color-sidebar: #ffffff;
  --color-card: #ffffff;
  --color-primary: #0ea5e9;
  --color-primary-hover: #0284c7;
  --color-text: #123a52;
  --color-muted: #5d88a0;
  --color-border: #c7e8f8;
  --color-rail: #eef9ff;
  --color-input-bg: #f3faff;
  --color-hover: rgba(14, 165, 233, 0.12);
  --color-active: rgba(14, 165, 233, 0.22);
  --color-schedule-accent: var(--color-primary);
  --shadow-sm: 0 1px 4px rgba(2, 132, 199, 0.12);
  --shadow-md: 0 10px 28px rgba(2, 132, 199, 0.16);
}

[data-theme="teal"] {
  --color-bg: #f2fbf9;
  --color-sidebar: #ffffff;
  --color-card: #ffffff;
  --color-primary: #14b8a6;
  --color-primary-hover: #0d9488;
  --color-text: #134440;
  --color-muted: #5a8f88;
  --color-border: #c5ebe5;
  --color-rail: #eefcf8;
  --color-input-bg: #f2fbf9;
  --color-hover: rgba(20, 184, 166, 0.12);
  --color-active: rgba(20, 184, 166, 0.22);
  --color-schedule-accent: var(--color-primary);
  --shadow-sm: 0 1px 4px rgba(13, 148, 136, 0.12);
  --shadow-md: 0 10px 28px rgba(13, 148, 136, 0.16);
}

[data-theme="green"] {
  --color-bg: #f4fbf6;
  --color-sidebar: #ffffff;
  --color-card: #ffffff;
  --color-primary: #22c55e;
  --color-primary-hover: #16a34a;
  --color-text: #164a2c;
  --color-muted: #5e9272;
  --color-border: #c8ecd5;
  --color-rail: #eefbf3;
  --color-input-bg: #f4fbf6;
  --color-hover: rgba(34, 197, 94, 0.12);
  --color-active: rgba(34, 197, 94, 0.22);
  --color-schedule-accent: var(--color-primary);
  --shadow-sm: 0 1px 4px rgba(22, 163, 74, 0.12);
  --shadow-md: 0 10px 28px rgba(22, 163, 74, 0.16);
}

[data-theme="mint"] {
  --color-bg: #f2fbf7;
  --color-sidebar: #ffffff;
  --color-card: #ffffff;
  --color-primary: #10b981;
  --color-primary-hover: #059669;
  --color-text: #134435;
  --color-muted: #5a907a;
  --color-border: #c5ebd9;
  --color-rail: #eefaf4;
  --color-input-bg: #f2fbf7;
  --color-hover: rgba(16, 185, 129, 0.12);
  --color-active: rgba(16, 185, 129, 0.22);
  --color-schedule-accent: var(--color-primary);
  --shadow-sm: 0 1px 4px rgba(5, 150, 105, 0.12);
  --shadow-md: 0 10px 28px rgba(5, 150, 105, 0.16);
}

/* Светлая тема: служебные токены для планера */
:root {
  --color-rail: #eef0f3;
  --color-input-bg: var(--color-bg);
  --color-hover: rgba(31, 41, 55, 0.06);
  --color-active: rgba(71, 118, 230, 0.12);
  --color-schedule-accent: var(--color-primary);
}