/* ОБЪЕКТ — типографика v1.0, единая основа для ВСЕХ будущих блоков (карточки проектов, FAQ, внутренние страницы и т.д.).
   Не применяется глобально к тегам сайта (чтобы не сломать старую тему) — только набор переменных, которые новые
   изолированные блоки (objk-*, objh-* и т.д.) могут использовать вместо того, чтобы придумывать размеры заново.
   Hero и квиз намеренно оставлены на своих уже подобранных вручную значениях, не переведены на эти токены. */
:root{
  --objekt-font-heading:"Playfair Display", serif;
  --objekt-font-body:"Manrope", sans-serif;

  --objekt-fs-display:clamp(40px, 4.2vw, 64px);
  --objekt-fs-display-split:clamp(32px, 3.9vw, 64px); /* заголовок в половине двухколоночного блока: всегда влезает в свою колонку */
  --objekt-fs-h1:clamp(36px, 3.7vw, 56px);
  --objekt-fs-h2:clamp(32px, 3vw, 44px);
  --objekt-fs-h3:clamp(24px, 2vw, 30px);
  --objekt-fs-h4:clamp(20px, 1.6vw, 24px);

  --objekt-fs-lead:clamp(18px, 1.3vw, 20px);
  --objekt-fs-body:16px;
  --objekt-fs-small:14px;
  --objekt-fs-meta:13px;
  --objekt-fs-caption:12px;
  --objekt-fs-eyebrow:12px;

  --objekt-lh-display:1.05;
  --objekt-lh-heading:1.12;
  --objekt-lh-lead:1.55;
  --objekt-lh-body:1.65;
  --objekt-lh-small:1.5;

  --objekt-tracking-display:-0.02em;
  --objekt-tracking-heading:-0.015em;
  --objekt-tracking-eyebrow:0.14em;

  /* цвета бренда — те же значения, что и в objk-* и objh-*, собраны здесь для удобства, чтобы новые блоки не дублировали их вручную */
  --objekt-color-bg:#1C1A1A;
  --objekt-color-cream:#F5F2ED;
  --objekt-color-accent:#A9967D;
  --objekt-color-text-dark:rgba(28,26,26,0.72);
  --objekt-color-text-light:rgba(245,242,237,0.72);

  --objekt-max-w-paragraph:680px;
  --objekt-max-w-lead:650px;
  --objekt-max-w-hero-text:720px;

  /* секции, поля, линии — впервые понадобились блоку «Разбор объекта» (objr-*), пригодны для следующих блоков */
  --objekt-container-w:81.77083vw;
  --objekt-container-max:1600px;
  --objekt-section-py:clamp(64px, 6.25vw, 120px);
  --objekt-field-h:clamp(56px, 3.55vw, 68px);
  --objekt-fs-button:clamp(16px, 0.95vw, 18px);
  --objekt-radius-field:4px;
  --objekt-radius-media:4px;
  --objekt-color-accent-hover:#B8A68E;
  --objekt-color-text-muted:rgba(245,242,237,0.55);
  --objekt-color-line:rgba(245,242,237,0.14);
  --objekt-color-line-strong:rgba(245,242,237,0.28);
  --objekt-color-field-bg:rgba(245,242,237,0.025);
  --objekt-color-error:#C97B63;
  --objekt-radius-card:8px;

  /* размеры от ширины КОНТЕЙНЕРА (cqw), а не экрана — для переиспользуемых блоков, которые вставляются
     и на всю ширину страницы, и в узкую колонку статьи (objd-*). Работают только внутри элемента с container-type. */
  --objekt-section-py-cq:clamp(64px, 6.25cqw, 120px);
  --objekt-fs-display-split-cq:clamp(34px, 3.6cqw, 64px);
  --objekt-fs-display-stack-cq:clamp(36px, 5.2cqw, 52px);
  --objekt-fs-display-mobile-cq:clamp(32px, 11cqw, 48px);
  --objekt-fs-display-wide-cq:clamp(36px, 4.4cqw, 72px);
  --objekt-fs-stage-cq:clamp(30px, 3.2cqw, 52px);
  --objekt-fs-topic-cq:clamp(26px, 2.3cqw, 40px);
}
/* акцент в заголовках: слова в *звёздочках* из админки (objekt_accent) — фирменный цвет, остальное как у заголовка */
.objekt-accent{color:var(--objekt-color-accent);}