/* Neon - основная тема сайта.
   Палитра: глубокий фиолетовый фон + дуэт неонов (циан/маджента),
   тёплый янтарный акцент. Ховеры всегда СВЕТЛЕЕ базового цвета. */
:root {
  /* Основные цвета */
  --color-text-primary: #f4f2ff;
  --color-text-secondary: #cfc8f5;
  --color-text-tertiary: #9a90d8;

  /* Фоновые цвета (тёмный фиолет - неон на нём светится, а не тонет) */
  --color-bg-primary: #100d26;
  --color-bg-secondary: #0b0920;
  --color-bg-container: rgba(26, 22, 56, 0.7);
  --color-bg-container-alt: rgba(38, 31, 78, 0.65);
  --color-bg-warning: rgba(255, 92, 122, 0.14);
  --color-bg-modal: rgba(8, 6, 20, 0.93);
  --color-bg-info: rgba(167, 139, 250, 0.2);
  --color-bg-content: rgba(20, 16, 44, 0.55);
  --color-bg-menu: #171233;
  --bg-darker: #070617;

  /* Кнопка на сайте (неон-циан) */
  --color-btn-primary: #2ee6ff;
  --color-btn-primary-hover: #8df2ff;
  --color-btn-primary-shadow: rgba(46, 230, 255, 0.4);

  /* Цвет фона для главного описания на сайте */
  --color-bg-guides-title: rgba(167, 139, 250, 0.18);

  /* Цвета границ (единая фиолетовая гамма, цвет дают ссылки и кнопки) */
  --color-border-primary: rgba(168, 130, 255, 0.55);
  --color-border-secondary: rgba(168, 130, 255, 0.35);
  --color-border-container: rgba(196, 160, 255, 0.75);
  --color-border-info: rgba(255, 77, 181, 0.45);
  --color-border-alt: rgba(120, 220, 255, 0.28);

  /* Цвета заголовков */
  --color-heading-bg: rgba(80, 56, 150, 0.45);

  /* Цвета ссылок и интерактивных элементов */
  --color-link-primary: #ff45b5;
  --color-link-secondary: #a78bfa;
  --color-link-hover: #ff9ad9;
  --color-link-warning: #ff5c7a;
  --color-button-primary: #b56bff;
  --color-button-hover: #d29aff;
  --color-code-bg: rgba(46, 230, 255, 0.14);

  /* Цвета для эффектов (глитч логотипа: маджента x циан) */
  --color-glitch-primary: #ff45b5;
  --color-glitch-secondary: #2ee6ff;
  --color-accent: #ffb056;

  /* Цвета для уведомлений */
  --color-success: #3df5a8;
  --color-warning: #ff5c7a;
  --transition: all 0.3s ease;
}