/* Типографика сайта "Здоровье Почек" */

/* Основной шрифт */
body {
    font-family: 'Bulletin Sans Pro Inter', 'Inter', 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    line-height: 1.1; /* 110% межстрочный интервал */
    color: #2c3e50;
}

/* Заголовки */
h1 {
    font-size: 2.5rem;        /* 40px */
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1rem;
    color: #2c3e50;
}

h2 {
    font-size: 1.6rem;        /* 25.6px */
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0.875rem;
    color: #34495e;
}

h3 {
    font-size: 1.5rem;        /* 24px */
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0.75rem;
    color: #2c3e50;
}

h4 {
    font-size: 1.25rem;       /* 20px */
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 0.625rem;
    color: #34495e;
}

h5 {
    font-size: 1.125rem;      /* 18px */
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 0.5rem;
    color: #2c3e50;
}

h6 {
    font-size: 1rem;          /* 16px */
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 0.5rem;
    color: #34495e;
}

/* Параграфы */
p {
    font-size: 1.1875rem;     /* 19px */
    font-weight: 400;
    line-height: 1.1;         /* 110% межстрочный интервал */
    margin-bottom: 0.5rem;    /* Уменьшенные отступы */
    color: #2c3e50;
}

/* Элементы списков */
li {
    font-size: 1.1875rem;     /* 19px */
    line-height: 1.1;         /* 110% межстрочный интервал */
    margin-bottom: 0.25rem;   /* Уменьшенные отступы */
}

/* Дополнительные размеры для контента */
.text-large {
    font-size: 1.125rem;      /* 18px */
    line-height: 1.1;
}

.text-small {
    font-size: 0.875rem;      /* 14px */
    line-height: 1.1;
}

.text-xs {
    font-size: 0.75rem;       /* 12px */
    line-height: 1.1;
}

/* Специальные стили для навигации */
.main-nav a {
    font-size: 1.1875rem;     /* 19px */
    font-weight: 500;
    line-height: 1.1;
}

/* Стили для ссылок */
a {
    font-weight: 400;
    line-height: 1.1;
}

/* Стили для кнопок */
button, .btn {
    font-size: 1.1875rem;     /* 19px */
    font-weight: 500;
    line-height: 1.1;
}

/* Адаптивные размеры для мобильных устройств */
@media (max-width: 768px) {
    h1 {
        font-size: 1.75rem;   /* 28px */
    }
    
    h2 {
        font-size: 1.4rem;    /* 22.4px */
    }
    
    h3 {
        font-size: 1.375rem;  /* 22px */
    }
    
    h4 {
        font-size: 1.125rem;  /* 18px */
    }
    
    h5 {
        font-size: 1rem;      /* 16px */
    }
    
    h6 {
        font-size: 0.875rem;  /* 14px */
    }
    
    p {
        font-size: 1.1875rem; /* 19px */
    }
    
    li {
        font-size: 1.1875rem; /* 19px на мобильных */
    }
}