/*
Typography Styles
Общие стили для типографики темы Berloga
*/

/*
СОДЕРЖАНИЕ
1. Базовая типографика
   1.1. Hero: заголовок
   1.2. Заголовки h1–h4
   1.3. Абзацы
   1.4. Списки
   1.5. Цитаты
   1.6. Фигуры и подписи
   1.7. Таблицы
2. Акцентный текст
3. Адаптивность (медиазапросы)
   3.1. ≤ 1440px
   3.2. ≤ 1200px
   3.3. ≤ 1024px
   3.4. ≤ 767.98px
   3.5. ≤ 374.98px
*/

/* 1. Базовая типографика */
/* 1.1. Hero: заголовок */

/* Заголовок hero-блока */
.hero__title {
    color: var(--berloga-text);
    font-family: var(--hero-h1-font-family);
    font-size: var(--hero-h1-font-size);
    line-height: var(--hero-h1-line-height);
    font-weight: var(--hero-h1-font-weight);
    margin: 0;
    padding: 0;
    /* text-transform: capitalize; */
}

/* Переносы строк в hero */
.hero__title-line {
    display: block;
}

/* Брендированный фрагмент заголовка hero */
.hero__title-brand {
    color: var(--berloga-blue);
    /* text-transform: uppercase; */
}

/* 1.2. Заголовки h1–h4 */

/* СТАРОЕ ОПРЕДЕЛЕНИЕ H3 И P ПЕРЕОПРЕДЕЛЕНО ГЛОБАЛЬНО НИЖЕ */
/*
h3 {
}

p {
}
*/

/* 2. Акцентный текст */
.accent-text {
    font-family: var(--accent-text-font-family);
    font-size: var(--accent-text-font-size);
    line-height: var(--accent-text-line-height);
    font-weight: var(--accent-text-font-weight);
    color: var(--berloga-text);
}

/* Все медиазапросы перенесены в конец файла — см. раздел 3 */

/* 1. Глобальная типографика: h1–h4, p, списки, цитаты, таблицы, фигуры */

/* 1.0. Базовые правила */
body {
    font-family: var(--regular-text-font-family);
    color: var(--berloga-text);
}

/* Базовые стили ссылок */
a,
a:link,
a:visited {
    color: var(--berloga-dark-blue);
    text-decoration: none;
}

a:hover,
a:focus {
    color: var(--berloga-blue);
    text-decoration: none;
}

a:focus-visible {
    outline: 2px solid var(--berloga-blue);
    outline-offset: 2px;
}

/* Сброс отступов для заголовков (без user agent) */
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

/* 1.2.1. H1 — только для отдельных страниц/шапок */
h1 {
    font-family: var(--hero-h1-font-family);
    font-size: var(--hero-h1-font-size);
    line-height: var(--hero-h1-line-height);
    font-weight: var(--hero-h1-font-weight);
}

/* 1.2.2. H2 */
h2 {
    font-family: var(--h2-font-family);
    font-size: var(--h2-font-size);
    line-height: var(--h2-line-height);
    font-weight: var(--h2-font-weight);
    color: var(--berloga-text);
    /* text-align: center; */
}

/* 1.2.3. H3 */
h3 {
    font-family: var(--h3-font-family);
    font-size: var(--h3-font-size);
    line-height: 1.3;
    font-weight: var(--h3-font-weight);
    color: var(--berloga-text);
}

/* 1.2.4. H4 */
h4 {
    font-family: var(--regular-text-font-family);
    font-size: var(--h4-font-size);
    line-height: 1.35;
    font-weight: 700;
    color: var(--berloga-text);
}

/* 1.3. Абзацы */
p {
    font-family: var(--regular-text-font-family);
    font-size: var(--regular-text-font-size);
    line-height: var(--paragraph-line-height);
    font-weight: var(--regular-text-font-weight);
    color: var(--berloga-text);
    margin: 0 0 var(--paragraph-margin-bottom) 0;
}

/* 1.4. Списки */
ul,
ol {
    margin: var(--list-margin-y) 0;
    padding-left: var(--list-padding-left);
}

ul li,
ol li {
    margin: 0 0 var(--list-item-margin-bottom) 0;
}

ul ul,
ol ol {
    padding-left: 12px;
}

/* 1.5. Цитаты */
blockquote {
    margin: 24px 0;
    padding: 16px 24px;
    border-left: 4px solid var(--berloga-dark-blue);
    background: var(--berloga-blue-lightest);
}

/* 1.6. Фигуры и подписи */
figure {
    margin: 0 0 24px 0;
}

figcaption {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.4;
    color: var(--berloga-dark-blue);
}

/* 1.7. Таблицы */
table {
    margin: 0 0 24px 0;
}

th,
td {
    padding: 12px 16px;
}

/* 3. Адаптивность перенесена в `variables.css` через переопределение CSS-переменных */