/**
 * Тёмная тема — основа дизайн-системы проекта.
 * Отступы и детали допустимы, но весь проект в одном стиле.
 * Позже: вторая тема — светлая.
 *
 * Кнопки: жёлто-оранжевый градиент, тень под кнопками приглушённая (не яркая).
 */
/**
 * Только html (не :root), чтобы блоки html[data-theme="light-*"] в theme-light.css
 * гарантированно перебивали тёмные токены по специфичности.
 */
html {
  color-scheme: dark;

  /* Фон */
  --bg-main: #050b18;
  --bg-card: #111827;
  --bg-input: #020617;
  --border-color: #1f2937;

  /* Текст */
  --text-main: #e5e7eb;
  --text-muted: #9ca3af;

  /* Акцент (кнопки, выделение) */
  --accent: #fbbf24;
  --accent-hover: #f59e0b;
  --accent-soft: rgba(251, 191, 36, 0.16);

  /* Опасное действие */
  --danger: #f97373;
  --danger-hover: #ef4444;

  /* Радиусы */
  --radius-lg: 14px;
  --radius-md: 10px;

  /* Тени карточек */
  --shadow-card: 0 22px 45px rgba(0, 0, 0, 0.75);

  /**
   * Тени кнопок — приглушённые, не яркие.
   * Жёлтое свечение под кнопками ослаблено (низкая непрозрачность).
   */
  --shadow-btn-accent: 0 14px 25px rgba(250, 204, 21, 0.18);
  --shadow-btn-accent-hover: 0 18px 32px rgba(250, 204, 21, 0.24);
  --shadow-btn-primary: 0 18px 35px rgba(251, 191, 36, 0.2);
  --shadow-btn-primary-hover: 0 22px 40px rgba(248, 181, 0, 0.28);

  /* Шрифт */
  --font-main: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text",
    "Segoe UI", sans-serif;

  /* Шапка и полосы прокрутки (layout.css) */
  --header-bg: rgba(5, 11, 24, 0.85);
  --scrollbar-thumb: #fbbf24;
  --scrollbar-thumb-hover: #f59e0b;
  --scrollbar-track: #1f2937;

  --modal-backdrop: rgba(15, 23, 42, 0.78);
}