/* МусорУм — слой совместимости: старые имена переменных → токены (tokens.css).
 *
 * Исторически на сайте жили три словаря (--primary и --bg-/--text-, --mu-, --gm-) с разными зелёными
 * и своими тёмными темами. Здесь они все ссылаются на единые токены --ui-*, поэтому:
 *   • палитра и тёмная тема одинаковы на всех страницах;
 *   • менять цвет нужно только в tokens.css;
 *   • в новом коде старые имена НЕ использовать (см. docs/DESIGN.md).
 *
 * Подключается ПОСЛЕ bootstrap.css, musorum.css и musorum-redesign.css, перед ui.css.
 */
:root,
[data-bs-theme='dark'] {
  /* --- бренд --- */
  --primary: var(--ui-primary);
  --primary-dark: var(--ui-primary-600);
  --primary-light: var(--ui-brand-300);
  --primary-rgb: var(--ui-primary-rgb);
  --accent: var(--ui-warning);
  --success: var(--ui-success);
  --danger: var(--ui-danger);
  --warning: var(--ui-warning);
  --info: var(--ui-info);
  --launch-red: var(--ui-danger);

  /* --- градиенты --- */
  --gradient-primary: var(--ui-gradient-brand);
  --gradient-success: var(--ui-gradient-brand);
  --gradient-warm: var(--ui-gradient-warm);
  --gradient-warning: var(--ui-gradient-warm);
  --gradient-danger: var(--ui-gradient-danger);
  --gradient-dark: var(--ui-gradient-dark);

  /* --- текст --- */
  --text-primary: var(--ui-text);
  --text-secondary: var(--ui-text-2);
  --text-tertiary: var(--ui-text-3);
  --text-muted: var(--ui-text-3);
  --text-light: #f0fdf4;

  /* --- поверхности --- */
  --bg-primary: var(--ui-surface-2);
  --bg-secondary: var(--ui-surface);
  --bg-surface: var(--ui-surface);
  --bg-tertiary: var(--ui-surface-3);
  --bg-elevated: var(--ui-surface-elevated);
  --bg-secondary-rgb: var(--ui-surface-rgb);
  --bg-surface-rgb: var(--ui-surface-rgb);

  /* --- линии --- */
  --border-light: var(--ui-line-soft);
  --border: var(--ui-line);
  --border-dark: var(--ui-line-strong);
  --border-light-rgb: 228, 233, 225;

  /* --- радиусы --- */
  --radius-xs: var(--ui-radius-xs);
  --radius-sm: var(--ui-radius-xs);
  --radius: var(--ui-radius-sm);
  --radius-md: var(--ui-radius);
  --radius-lg: var(--ui-radius-lg);
  --radius-xl: var(--ui-radius-xl);
  --radius-full: var(--ui-radius-pill);
  --r-xs: var(--ui-radius-xs);
  --r-sm: var(--ui-radius-sm);
  --r-md: var(--ui-radius);
  --r-lg: var(--ui-radius-lg);
  --r-xl: var(--ui-radius-xl);
  --r-full: var(--ui-radius-pill);

  /* --- тени --- */
  --shadow-xs: var(--ui-shadow-xs);
  --shadow-sm: var(--ui-shadow-sm);
  --shadow: var(--ui-shadow);
  --shadow-md: var(--ui-shadow-md);
  --shadow-lg: var(--ui-shadow-lg);
  --shadow-xl: var(--ui-shadow-xl);
  --shadow-glow: var(--ui-shadow-glow);
  --sh-xs: var(--ui-shadow-xs);
  --sh-sm: var(--ui-shadow-sm);
  --sh-md: var(--ui-shadow-md);
  --sh-lg: var(--ui-shadow-lg);
  --sh-glow: var(--ui-shadow-glow);

  /* --- движение --- */
  --transition-fast: var(--ui-duration-fast) var(--ui-ease-io);
  --transition: var(--ui-duration) var(--ui-ease-io);
  --transition-slow: var(--ui-duration-slow) var(--ui-ease-io);
  --ease: var(--ui-ease);
  --ease-io: var(--ui-ease-io);

  /* --- типографика и пространство --- */
  --font-display: var(--ui-font-display);
  --font-body: var(--ui-font-body);
  --text-sm: var(--ui-text-sm);
  --text-base: var(--ui-text-base);
  --text-lg: var(--ui-text-lg);
  --text-xl: var(--ui-text-xl);
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --space-xs: var(--ui-space-1);
  --space-sm: var(--ui-space-2);
  --space-md: var(--ui-space-4);
  --space-lg: var(--ui-space-5);
  --space-xl: var(--ui-space-6);

  /* --- раскладка --- */
  --header-height: var(--ui-header-h);
  --bottomnav-height: var(--ui-bottomnav-h);
  --container-max: var(--ui-container);
  --tap-min: var(--ui-tap);

  /* --- словарь --mu-* (ребрендинг 2.0) --- */
  --mu-ink: var(--ui-ink);
  --mu-pine-950: #07130e;
  --mu-pine-900: #0b241a;
  --mu-pine-800: #0f3325;
  --mu-pine-700: var(--ui-ink-soft);
  --mu-emerald: var(--ui-primary-600);
  --mu-emerald-50: var(--ui-brand-50);
  --mu-emerald-600: var(--ui-primary-600);
  --mu-emerald-700: var(--ui-link);
  --mu-mint: var(--ui-brand-200);
  --mu-mint-soft: var(--ui-primary-soft);
  --mu-lime: var(--ui-lime);
  --mu-lime-strong: #bef264;
  --mu-cream: var(--ui-surface-2);
  --mu-paper: var(--ui-surface-2);
  --mu-card: var(--ui-surface);
  --mu-line: var(--ui-line);
  --mu-line-soft: var(--ui-line-soft);
  --mu-text: var(--ui-text);
  --mu-text-1: var(--ui-text);
  --mu-text-2: var(--ui-text-2);
  --mu-text-3: var(--ui-text-3);
  --mu-muted: var(--ui-muted);
  --mu-sky: var(--ui-info);
  --mu-amber: var(--ui-warning);
  --mu-violet: var(--ui-violet);
  --mu-grad: var(--ui-gradient-brand);
  --mu-grad-lime: var(--ui-gradient-lime);
  --mu-grad-dark: var(--ui-gradient-dark);
  --mu-grad-mesh: var(--ui-gradient-mesh);

  /* --- словарь --gm-* (страница карты) --- */
  --gm-bg: var(--ui-surface);
  --gm-bg-2: var(--ui-surface-3);
  --gm-text: var(--ui-text);
  --gm-text-2: var(--ui-text-3);
  --gm-border: var(--ui-line);
  --gm-hover: var(--ui-surface-3);
  --gm-accent: var(--ui-primary);
  --gm-accent-dk: var(--ui-ink);
  --gm-shadow-1: var(--ui-shadow-xs);
  --gm-shadow-2: var(--ui-shadow-sm);
  --gm-shadow-3: var(--ui-shadow);
  --gm-radius: var(--ui-radius-xs);

  /* --- Bootstrap 5.3: его компоненты берут цвета отсюда --- */
  --bs-body-bg: var(--ui-surface-2);
  --bs-body-color: var(--ui-text);
  --bs-body-font-family: var(--ui-font-body);
  --bs-emphasis-color: var(--ui-text);
  --bs-secondary-color: var(--ui-text-3);
  --bs-secondary-bg: var(--ui-surface-3);
  --bs-tertiary-bg: var(--ui-surface-2);
  --bs-border-color: var(--ui-line);
  --bs-border-color-translucent: var(--ui-line);
  --bs-link-color: var(--ui-link);
  --bs-link-hover-color: var(--ui-primary-600);
  --bs-link-color-rgb: var(--ui-primary-rgb);
  --bs-primary: var(--ui-primary);
  --bs-primary-rgb: var(--ui-primary-rgb);
  --bs-success: var(--ui-success);
  --bs-danger: var(--ui-danger);
  --bs-warning: var(--ui-warning);
  --bs-info: var(--ui-info);
  --bs-heading-color: var(--ui-text);
  --bs-form-control-bg: var(--ui-surface);
}