/* Токены темы. Сгенерировано из mediaplans/frontend/src/theme/theme.ts
   (LIGHT_COLORS / DARK_COLORS); имена переменных повторяют имена токенов.
   Текст — textPurple/textCyan, фон и рамки — purple/cyan: в тёмной теме они расходятся. */

:root {
  --bgPage: #F0F2F5;
  --bgCard: #FFFFFF;
  --bgHeader: #FFFFFF;
  --bgRowHover: #E0F4FA;
  --bgRowAlt: #FAFBFC;
  --bgRowNew: #d4edda;
  --bgRowChanged: #fff3cd;
  --bgError: #ef4444;
  --bgErrorLight: #fee2e2;
  --bgEditMode: #E5E7EB;
  --bgCommentMode: #FFF8E1;
  --bgFact: #e6f4ea;
  --textPrimary: #1A1D21;
  --textSecondary: #6B7280;
  --textHeader: #374151;
  --textMuted: #888888;
  --textPurple: #8031A7;
  --textCyan: #00A9CE;
  --textRed: #dc2626;
  --borderLight: #E5E7EB;
  --borderMedium: #D1D5DB;
  --borderCyan: #00A9CE;
  --borderPurple: #8031A7;
  --cyan: #00A9CE;
  --purple: #8031A7;
  --white: #FFFFFF;
  --black: #000000;
  --red: #ef4444;
  --shadowCard: 0 1px 3px rgba(0,0,0,0.04);
  --shadowElevated: 0 4px 16px rgba(0,0,0,0.06);
}

body.dark-theme {
  --bgPage: #1C1C28;
  --bgCard: #242430;
  --bgHeader: #242430;
  --bgRowHover: #3A3A50;
  --bgRowAlt: #22222E;
  --bgRowNew: #14532d;
  --bgRowChanged: #713f12;
  --bgError: #ef4444;
  --bgErrorLight: #3f1818;
  --bgEditMode: #3A3A48;
  --bgCommentMode: #3A3520;
  --bgFact: #1a2f23;
  --textPrimary: #E2E2E8;
  --textSecondary: #8E8EA0;
  --textHeader: #A0A0B0;
  --textMuted: #666677;
  --textPurple: #B895E8;
  --textCyan: #5BC9E0;
  --textRed: #fca5a5;
  --borderLight: #353540;
  --borderMedium: #454550;
  --borderCyan: #00A9CE;
  --borderPurple: #8031A7;
  --cyan: #00A9CE;
  --purple: #8031A7;
  --white: #FFFFFF;
  --black: #000000;
  --red: #ef4444;
  --shadowCard: 0 1px 3px rgba(0,0,0,0.2);
  --shadowElevated: 0 4px 24px rgba(0,0,0,0.3);
}