/* ==========================================================================
   tehnap.ru — единая система оформления
   Один шрифт (Roboto, локальная копия), один акцентный цвет, одна сетка цветов.
   Подключается последней, поэтому перекрывает шаблон и старые правки,
   но НЕ меняет иерархию: размеры и насыщенность заголовков остаются шаблонными.
   ========================================================================== */

:root {
  /* акцент */
  --c-brand:        #ec430f;   /* оранжевый бренда: заголовки разделов, кнопки */
  --c-brand-dark:   #c9370a;   /* наведение, ссылки в тексте */
  --c-brand-soft:   #fdece6;   /* подложка подсветки */

  /* текст */
  --c-ink:          #212529;   /* основной текст */
  --c-ink-soft:     #495057;
  --c-muted:        #6c757d;
  --c-heading:      #252525;

  /* линии и фоны */
  --c-line:         #dee2e6;
  --c-surface:      #f8f9fa;

  /* типографика */
  --font-base: 'Roboto', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;

  /* ссылки */
  --link:       var(--c-brand-dark);
  --link-hover: var(--c-brand);
}

/* ---------- типографика: одно семейство на весь сайт ---------- */

body {
  font-family: var(--font-base);
  font-size: 16px;
  line-height: 1.56;
  color: var(--c-ink);
}
@media (min-width: 768px) and (max-width: 991px) { body { font-size: 14px; } }
@media (max-width: 767px) { body { font-size: 13px; } }

h1, h2, h3, h4, h5, h6,
.sppb-addon-title,
.sp-page-title-heading,
.sp-module-title,
.com-content h1, .com-content h2,
legend {
  font-family: var(--font-base);
}

/* ---------- ссылки ---------- */

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

/* ---------- кнопки: оранжевый, наведение — тёмный оранжевый ---------- */

.btn-primary, .sppb-btn-primary {
  background-color: var(--c-brand);
  border-color: var(--c-brand);
  color: #fff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.sppb-btn-primary:hover, .sppb-btn-primary:focus, .sppb-btn-primary:active {
  background-color: var(--c-brand-dark);
  border-color: var(--c-brand-dark);
  color: #fff;
}

/* ---------- мелочи ---------- */

.logo-image, .logo-image-phone { height: 36px; }

mark {
  background: var(--c-brand-soft);
  color: inherit;
  padding: 0 .1em;
  border-radius: 2px;
}

#system-message-container .alert { font-size: .95rem; }