/* Тема autoworld (витрина bum-bum, перенос autoworld-163.site).
   Палитра цели: тёмно-синий #0039A6, акцент #0B57FF, тёмный текст
   #0E0E13, светлый фон #F7F7F7, sale-акцент #f24942.
   Подключается последним — переопределяет базовую тему без её правок
   (канон «Тема оформления», CONTEXT.md; пример — themes/toyota).
   Стиль «в духе цели» (решение прожарки 06.09: без полной копии). */

:root {
  --c-primary: #0039a6;
  --c-primary-light: #0b57ff;
  --c-text-gray: #6f7480;
  --c-text-dark: #0e0e13;
  --c-bg-light: #f7f7f7;
  --c-border: #d9dde3;
}

/* Акценты-ссылки и кнопки — фирменный синий */
a,
.link,
.btn-primary,
.btn_primary,
.btn.btn_primary,
button[type="submit"],
.button.primary {
  color: var(--c-primary);
}
a:hover,
.link:hover {
  color: var(--c-primary-light);
}

/* Ссылки внутри карточек каталога — тёмные (текст), акцент при наведении */
.car-card a,
.product-card a,
.card-item a {
  color: var(--c-text-dark);
}
.car-card a:hover,
.product-card a:hover {
  color: var(--c-primary);
}

/* Цена — тёмно-синий акцент, «старая цена»/скидки — sale-красный */
.price,
.card .price,
.product-price,
.car-card .price,
.price-value {
  color: var(--c-primary);
  font-weight: 700;
}
.price-old,
.old-price,
.price--old,
s,
[class*="old"] {
  color: #f24942;
}

/* Кнопки-теги фильтров и активные фильтры — синяя рамка/активный фон */
.filter-tag {
  background: rgba(0, 57, 166, 0.08);
  color: var(--c-text-dark);
}
.filter-tag:hover,
.filter-tag.active {
  border-color: var(--c-primary);
  color: var(--c-primary);
}
.tag-btn {
  border-color: var(--c-border);
  color: var(--c-text-dark);
}
.tag-btn:hover,
.tag-btn.active {
  border-color: var(--c-primary);
  color: var(--c-primary);
}

/* Шапка остаётся светлой (дилерская классика цели); активный пункт меню */
#topmenu .wrap a.active,
header nav a.active {
  color: var(--c-primary);
  font-weight: 600;
}

/* Секции-подложки — светлый фирменный фон */
.section,
.filter-section,
.specs-block,
.bank-card {
  background-color: var(--c-bg-light);
}

/* Заголовки — глубокий тёмный */
h1, h2, h3, h4, .model-title, .section-title {
  color: var(--c-text-dark);
}