/**
 * FANAT — дизайн-токены (тема default)
 *
 * Основной:  #004494  (--fanat-brand)
 * Доп.:      #5284f6  (--fanat-accent)
 * Поверхн.:  #f4f7f8  (--fanat-surface)
 * Типографика: Montserrat (текст), Inter (цифры), Oswald (заголовки)
 */
:root {
  /* Основной фирменный */
  --fanat-brand: #004494;
  --fanat-brand-hover: #003676;
  --fanat-brand-light: #e6f0fa;

  /* Дополнительный акцент (не основной) */
  --fanat-accent: #5284f6;
  --fanat-accent-hover: #3f6fe8;
  --fanat-accent-light: #e8effe;

  /* Фоны */
  --fanat-bg: #ffffff;
  --fanat-surface: #f4f7f8;
  --fanat-bg-alt: var(--fanat-surface);

  /* Текст и рамки */
  --fanat-text: #1a2332;
  --fanat-text-muted: #5c6b7a;
  --fanat-border: #e2e8f0;

  --fanat-radius: 0.75rem;

  /* Типографика */
  --fanat-font-text: "Montserrat", system-ui, -apple-system, sans-serif;
  --fanat-font-digits: "Inter", "Montserrat", system-ui, sans-serif;
  --fanat-font-display: "Oswald", "Arial Narrow", sans-serif;
}

body {
  background-color: var(--fanat-bg);
  color: var(--fanat-text);
  font-family: var(--fanat-font-text);
  font-size: 1rem;
  line-height: 1.5;
}

/* Цифры: цены, телефоны, счётчики, артикулы */
.fanat-digits,
.fanat-header__phone,
.fanat-header__cart-badge,
.fanat-product-card__price,
.fanat-product-card__range-value,
.fanat-product-card__sku,
.fanat-product-page__price,
.fanat-product-page__price-old,
.fanat-calculator__total,
.site-contacts__phone-pill,
.fanat-product-card__sku,
.fanat-product-card__chip,
.price-text-color,
.col-item .price h5 {
  font-family: var(--fanat-font-digits);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

h1,
h2,
h3,
.fanat-font-display {
  font-family: var(--fanat-font-display);
}

a {
  color: var(--fanat-brand);
}

a:hover,
a:focus {
  color: var(--fanat-brand-hover);
}

.btn-primary,
.btn.btn-primary {
  background-color: var(--fanat-brand);
  border-color: var(--fanat-brand);
  color: #fff;
}

.btn-primary:hover,
.btn.btn-primary:hover {
  background-color: var(--fanat-brand-hover);
  border-color: var(--fanat-brand-hover);
}

.btn-accent,
.btn.btn-accent {
  background-color: var(--fanat-accent);
  border-color: var(--fanat-accent);
  color: #fff;
}

.btn-accent:hover,
.btn.btn-accent:hover {
  background-color: var(--fanat-accent-hover);
  border-color: var(--fanat-accent-hover);
  color: #fff;
}