/* Тёмная тема /podbor: приложение собрано Tailwind'ом с жёсткими цветами светлой темы,
 * поэтому переопределяем используемые утилиты. Подключать ПОСЛЕ assets/index-*.css.
 * Если после пересборки подбора появятся новые цвета — добавлять сюда. */
:root[data-theme="dark"] *,
:root[data-theme="dark"] :before,
:root[data-theme="dark"] :after { border-color: #2A2A2A; }
:root[data-theme="dark"] body { background: #0A0A0A; }

:root[data-theme="dark"] .border-accent, :root[data-theme="dark"] .border-ink { border-color: #EDEDED; }
:root[data-theme="dark"] .border-accent\/40 { border-color: rgba(237,237,237,.4); }
:root[data-theme="dark"] .border-danger\/30 { border-color: rgba(255,107,99,.35); }
:root[data-theme="dark"] .border-sand { border-color: #2A2A2A; }
:root[data-theme="dark"] .border-sand\/60 { border-color: rgba(42,42,42,.6); }
:root[data-theme="dark"] .border-sand\/70 { border-color: rgba(42,42,42,.7); }

:root[data-theme="dark"] .bg-accent { background-color: #EDEDED; }
:root[data-theme="dark"] .bg-accent.text-white, :root[data-theme="dark"] .bg-accent .text-white { color: #0A0A0A; }
:root[data-theme="dark"] .bg-accent\/10 { background-color: rgba(237,237,237,.1); }
:root[data-theme="dark"] .bg-accent\/5, :root[data-theme="dark"] .bg-ink\/5 { background-color: rgba(237,237,237,.05); }
:root[data-theme="dark"] .bg-danger\/5 { background-color: rgba(255,107,99,.08); }
:root[data-theme="dark"] .bg-green\/15 { background-color: rgba(76,195,110,.15); }
:root[data-theme="dark"] .bg-ink\/50 { background-color: rgba(0,0,0,.6); }
:root[data-theme="dark"] .bg-ink\/70 { background-color: rgba(0,0,0,.75); }
:root[data-theme="dark"] .bg-paper { background-color: #0A0A0A; }
:root[data-theme="dark"] .bg-stone\/20 { background-color: rgba(161,161,161,.2); }
:root[data-theme="dark"] .bg-surface, :root[data-theme="dark"] .bg-white { background-color: #141414; }
:root[data-theme="dark"] .bg-white\/90 { background-color: rgba(20,20,20,.9); }
:root[data-theme="dark"] .bg-white\/95 { background-color: rgba(20,20,20,.95); }

:root[data-theme="dark"] .text-accent-dark { color: #FFFFFF; }
:root[data-theme="dark"] .text-danger { color: #FF6B63; }
:root[data-theme="dark"] .text-green { color: #4CC36E; }
:root[data-theme="dark"] .text-ink { color: #EDEDED; }
:root[data-theme="dark"] .text-ink\/60 { color: rgba(237,237,237,.6); }
:root[data-theme="dark"] .text-ink\/70 { color: rgba(237,237,237,.7); }
:root[data-theme="dark"] .text-ink\/80 { color: rgba(237,237,237,.8); }
:root[data-theme="dark"] .text-stone { color: #A1A1A1; }

:root[data-theme="dark"] .bento { background: #141414; border-color: #2A2A2A; }
:root[data-theme="dark"] .bento:hover { border-color: #A1A1A1; }

:root[data-theme="dark"] .hover\:border-accent:hover { border-color: #EDEDED; }
:root[data-theme="dark"] .hover\:border-stone:hover { border-color: #A1A1A1; }
:root[data-theme="dark"] .hover\:bg-accent-dark:hover { background-color: #FFFFFF; }
:root[data-theme="dark"] .hover\:bg-accent\/5:hover, :root[data-theme="dark"] .hover\:bg-ink\/5:hover { background-color: rgba(237,237,237,.07); }
:root[data-theme="dark"] .hover\:bg-paper:hover { background-color: #1F1F1F; }
:root[data-theme="dark"] .focus-visible\:border-accent:focus-visible { border-color: #EDEDED; }
:root[data-theme="dark"] .focus-visible\:bg-white:focus-visible { background-color: #141414; }
:root[data-theme="dark"] .focus-visible\:ring-accent\/30:focus-visible { --tw-ring-color: rgba(237,237,237,.3); }

/* график Recharts: цвета заданы атрибутами SVG */
:root[data-theme="dark"] svg [stroke="#EBEBEB"] { stroke: #2A2A2A; }
:root[data-theme="dark"] svg [stroke="#171717"] { stroke: #EDEDED; }
:root[data-theme="dark"] svg [stroke="#666666"] { stroke: #A1A1A1; }
:root[data-theme="dark"] svg [stroke="#FFFFFF"] { stroke: #141414; }
:root[data-theme="dark"] svg [fill="#171717"] { fill: #EDEDED; }
:root[data-theme="dark"] svg [fill="#1e7a34"] { fill: #4CC36E; }