:root {
  --primary: #2c3e50;
  --accent: #3498db;
  --bg: #f5f6f8;
  --surface: #fff;
  --text: #2c3e50;
  --text-2: #7f8c8d;
  --border: #e5e7eb;
}

/* Тёмная тема */
body[data-theme="dark"] {
  --bg: #1e1e1e;
  --surface: #2c2c2c;
  --text: #e0e0e0;
  --text-2: #a0a0a0;
  --border: #3c3c3c;
  --accent: #4e9af1;
}

/* Светлая тема */
body[data-theme="light"] {
  --bg: #ffffff;
  --surface: #fdfdfd;
  --text: #1a1a1a;
  --text-2: #555555;
  --border: #e2e2e2;
  --accent: #1976d2;
}

body { background: var(--bg); color: var(--text); }
/* ... остальные правила без изменений ... */