/* 10-site-typography.css — единая типографика kaz-avtocolor.kz
   Версия 10.10.2026 v3.
   КУДА: Настройки сайта → Ещё → поле «Свои CSS-стили» (custom.css).
   Вставлять ЦЕЛИКОМ. В это поле нельзя HTML-комментарии и теги style — только CSS.
   Шрифт TildaSans; если переменные не сработают, подставится TildaSans/Arial, а не Times.
   Откат: очистить поле и переопубликовать все страницы. */
/* ---------- 1. Токены ---------- */
:root{
  --kac-font:'TildaSans',Arial,sans-serif;

  /* шкала размеров: десктоп / мобильный (<=640px, см. ниже) */
  --kac-fs-display:56px; /* обложки и первый экран */
  --kac-fs-h1:40px;      /* H1 обычных страниц и статей */
  --kac-fs-h2:32px;      /* заголовки секций */
  --kac-fs-h3:22px;      /* подзаголовки, названия карточек */
  --kac-fs-lead:20px;    /* вводный абзац */
  --kac-fs-body:17px;    /* основной текст */
  --kac-fs-small:14px;   /* подписи, примечания */
  --kac-fs-caption:12px; /* даты, метки */

  --kac-lh-tight:1.15;   /* заголовки */
  --kac-lh-body:1.6;     /* текст */

  /* цвета */
  --kac-accent:#ffb340;       /* фирменный оранжевый = цвет кнопок Tilda */
  --kac-accent-dark:#d98a0b;  /* оранжевый для текста/ссылок на белом (контраст) */
  --kac-ink:#1d1d1f;          /* основной текст */
  --kac-muted:#5f5f66;        /* второстепенный текст */
  --kac-line:#e6e6e8;
  --kac-soft:#f7f7f8;
  --kac-wa:#1fa855;           /* WhatsApp */
}
@media (max-width:640px){
  :root{
    --kac-fs-display:36px;
    --kac-fs-h1:28px;
    --kac-fs-h2:24px;
    --kac-fs-h3:19px;
    --kac-fs-lead:18px;
    --kac-fs-body:16px;
  }
}

/* Наши блоки задают переменные у себя в корне (.kachero, .kacppg, .kaclak, .kacmix…).
   Это правило сильнее и выравнивает их под общие токены. */
#allrecords [class^="kac"],
#allrecords [class*=" kac"]{
  --kac-accent:#ffb340;
  --kac-accent-dark:#d98a0b;
  --kac-ink:#1d1d1f;
  --kac-muted:#5f5f66;
  --kac-line:#e6e6e8;
  --kac-soft:#f7f7f8;
  --kac-wa:#1fa855;
}

/* ---------- 2. Единый шрифт в стандартных блоках Tilda ---------- */
#allrecords .t-rec:not([data-record-type="396"]) .t-title,
#allrecords .t-rec:not([data-record-type="396"]) .t-section__title,
#allrecords .t-rec:not([data-record-type="396"]) .t-section__descr,
#allrecords .t-rec:not([data-record-type="396"]) .t-name,
#allrecords .t-rec:not([data-record-type="396"]) .t-descr,
#allrecords .t-rec:not([data-record-type="396"]) .t-text,
#allrecords .t-rec:not([data-record-type="396"]) .t-uptitle,
#allrecords .t-rec:not([data-record-type="396"]) .t-heading,
#allrecords .t-rec:not([data-record-type="396"]) .t-btn,
#allrecords .t-rec:not([data-record-type="396"]) .t-feed__link,
#allrecords .t-rec:not([data-record-type="396"]) .t-feed__post-title,
#allrecords .t-rec:not([data-record-type="396"]) .t-feed__post-descr{
  font-family:var(--kac-font, 'TildaSans',Arial,sans-serif) !important;
}

/* ---------- 3. Заголовки секций («Бренды», «Акции, новости» и т.п.) ---------- */
#allrecords .t-rec:not([data-record-type="396"]) .t-section__title{
  font-size:var(--kac-fs-h2, 32px) !important;
  line-height:var(--kac-lh-tight, 1.15) !important;
  font-weight:700 !important;
  text-transform:none !important;
  text-shadow:none !important;
  letter-spacing:0 !important;
}
#allrecords .t-rec:not([data-record-type="396"]) .t-section__descr{
  font-size:var(--kac-fs-lead, 20px) !important;
  line-height:1.45 !important;
  font-weight:400 !important;
  text-shadow:none !important;
}
#allrecords .t-rec:not([data-record-type="396"]) .t-feed__post-title{
  text-transform:none !important;
}

/* ---------- 4. Единое скругление кнопок — 12px (решение 10.10.2026) ----------
   Шапка была 100px, форма 30px, кнопки каталога 5px, наши блоки — 12px. */
#allrecords .t-rec:not([data-record-type="396"]) .t-btn,
#allrecords .t-rec:not([data-record-type="396"]) .t-submit,
#allrecords .t-rec:not([data-record-type="396"]) .t-btn::before,
#allrecords .t-rec:not([data-record-type="396"]) .t-btn::after{
  border-radius:12px !important;
}