/* ==============================
   TYPOGRAPHY BASE — AnareusCZ
   ✔ Тёмные цвета для светлого фона
   ✔ Хороший контраст (WCAG AA)
   ✔ Все размеры в px
============================== */

/* ===== COLOR TOKENS (LIGHT UI) ===== */
:root{
  --ink-strong: #0B120E;   /* H1 / ключевые заголовки */
  --ink-main:   #0F1A14;   /* H2 / H3 */
  --ink-soft:   #1C2A22;   /* H4 */
  --text-main:  #2A3A32;   /* основной текст */
  --text-muted: #4B5B53;   /* вторичный текст */
}

/* ===== HEADLINES ===== */
.defaultH1{
  font-family: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 900;
  font-size: 52px;
  line-height: 1.05;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin: 0;
  color: var(--ink-strong);
}

.defaultH2{
  font-family: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 900;
  font-size: 38px;
  line-height: 1.08;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.10em;
  color: var(--ink-main);
}

.defaultH3{
  font-family: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 24px;
  margin: 0 0 8px;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--ink-main);
}

.defaultH4{
  font-family: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin: 0 0 6px;
  color: var(--ink-soft);
}

/* ===== BODY TEXT + LISTS ===== */
.defaultP,
li{
  font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.55;
  font-weight: 600;
  margin: 0;
  color: var(--text-main);
}

/* muted helper (optional) */
.text-muted{
  color: var(--text-muted);
}

/* ===== SECTION SPACING ===== */
section h2{
  margin-top: 0;
  margin-bottom: 20px;
}

section h2 + p{
  margin-bottom: 20px;
}

/* левая колонка (если используется) */
.left section{
  padding: 12px 0;
  margin-bottom: 0;
}

.left-title{
  margin-block: 40px;
}

/* последовательные абзацы */
.defaultP + .defaultP{
  margin-top: 10px;
}

/* ==============================
   RESPONSIVE
============================== */

/* ≤ 1200px */
@media (max-width: 1200px){
  .defaultH1{ font-size: 46px; }
  .defaultH2{ font-size: 34px; }
  .defaultH3{ font-size: 22px; }
  .defaultH4{ font-size: 18px; }
  .defaultP,
  li{ font-size: 15px; }
}

/* ≤ 900px */
@media (max-width: 900px){
  .defaultH1{ font-size: 40px; }
  .defaultH2{ font-size: 30px; }
  .defaultH3{ font-size: 21px; }
  .defaultH4{ font-size: 17px; }
}

/* ≤ 700px */
@media (max-width: 700px){
  .defaultH1{
    font-size: 34px;
    line-height: 1.1;
    letter-spacing: 0.05em;
  }
  .defaultH2{
    font-size: 26px;
    letter-spacing: 0.085em;
  }
  .defaultH3{ font-size: 20px; }
  .defaultH4{ font-size: 16px; }
  .defaultP,
  li{
    font-size: 15px;
    line-height: 1.6;
  }
}

/* ≤ 500px */
@media (max-width: 500px){
  .defaultH1{
    font-size: 30px;
    letter-spacing: 0.045em;
  }
  .defaultH2{
    font-size: 24px;
    letter-spacing: 0.075em;
  }
  .defaultH3{ font-size: 18px; }
}

/* ≤ 380px */
@media (max-width: 380px){
  .defaultH1{ font-size: 26px; }
  .defaultH2{ font-size: 22px; }
  .defaultH3{ font-size: 17px; }
}