/* CSS Variables - все цвета и настройки */
:root {
  /* Нейтральный серый (без сине-slate #1f2229 / #252931 / #0c101b) */
  --bg-primary: #1e1e1e;
  --bg-secondary: #1e1e1e;
  --bg-card: #2d2d2d;
  --bg-card-hover: #3a3a3a;
  --text-primary: #ffffff;
  --text-secondary: #cccccc;
  --text-muted: #999999;
  --text-gray: #999999;
  --accent-orange: #ffc501;
  --accent-hover: #e6b201;
  --accent-green: #4caf50;
  --border-color: #404040;
  --container-width: 1520px;
  --sidebar-bg: #181818;
  --code-bg: #2d2d2d;
  --bg-purple-light: #e8d5f2;
  --accent-orange-hover: #e6b201;
  --text-white: #ffffff;
  --text-black: #000000;
  --bg-dark: #1e1e1e;
  --bg-darker: #181818;
  --glow-orange: rgba(255, 197, 1, 0.3);
  --scroll-padding-top: 0;
}

/* Dark Theme */
[data-theme="dark"] {
  --bg-primary: #1e1e1e;
  --bg-secondary: #1e1e1e;
  /* Чипы слов в уроках (tab-ref, code-badge) - тот же нейтральный серый */
  --bg-card: #2d2d2d;
  --bg-card-hover: #3a3a3a;
  --text-primary: #ffffff;
  --text-secondary: #cccccc;
  --text-muted: #999999;
  --border-color: #404040;
  --sidebar-bg: #181818;
  --code-bg: #2d2d2d;
}

/* Light Theme */
[data-theme="light"] {
  --bg-primary: #f5f5f5;
  --bg-secondary: #ffffff;
  --bg-card: #ffffff;
  --bg-card-hover: #f0f0f0;
  --text-primary: #1a1a1a;
  --text-secondary: #666666;
  --text-muted: #999999;
  --border-color: #e0e0e0;
  --sidebar-bg: #fafafa;
  --code-bg: #f4f4f4;
  --bg-purple-light: #f5f5f5;
  --text-white: #ffffff;
  --text-black: #000000;
}