/* Global frontend typography tuning */

.frontend-typography {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.frontend-typography h1,
.frontend-typography h2,
.frontend-typography h3,
.frontend-typography h4,
.frontend-typography h5,
.frontend-typography h6 {
    margin-bottom: 0;
    color: #0f172a;
    font-weight: 600;
    letter-spacing: -0.02em;
}

.frontend-typography h1,
.frontend-typography .hero__title,
.frontend-typography .pageHeader__title {
    font-size: clamp(2.15rem, 4.1vw, 3.55rem);
    line-height: 1.12;
    letter-spacing: -0.03em;
}

.frontend-typography h2,
.frontend-typography h2.text-30,
.frontend-typography h2.text-25,
.frontend-typography h2.text-24 {
    font-size: clamp(1.65rem, 2.5vw, 2.1rem);
    line-height: 1.3;
    letter-spacing: -0.02em;
}

.frontend-typography h3,
.frontend-typography h3.text-20,
.frontend-typography h3.text-18,
.frontend-typography h4 {
    font-size: clamp(1.15rem, 1.5vw, 1.35rem);
    line-height: 1.45;
    letter-spacing: -0.01em;
}

.frontend-typography h5,
.frontend-typography h6 {
    font-size: clamp(1rem, 1.2vw, 1.12rem);
    line-height: 1.45;
}

.frontend-typography p,
.frontend-typography li {
    line-height: 1.85;
}

.frontend-typography p:not([class*="text-"]),
.frontend-typography li:not([class*="text-"]) {
    font-size: 14px;
}

.frontend-typography .hero__text,
.frontend-typography .pageHeader__text {
    font-size: clamp(1.05rem, 1.4vw, 1.2rem);
    line-height: 1.7;
}

.frontend-typography .featureIcon__title {
    font-size: clamp(1.15rem, 1.5vw, 1.3rem);
    line-height: 1.45;
    letter-spacing: -0.01em;
}

.frontend-typography .featureIcon__text {
    font-size: 13px;
    line-height: 1.8;
}

.frontend-typography .tourCard__title {
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: -0.01em;
}

.frontend-typography .tourCard__location,
.frontend-typography .tourCard__rating,
.frontend-typography .tourCard__content .border-1-top {
    line-height: 1.6;
}

.frontend-typography .blogCard__title {
    line-height: 1.45;
    letter-spacing: -0.01em;
}

@media (max-width: 991px) {
    .frontend-typography h2,
    .frontend-typography h2.text-30,
    .frontend-typography h2.text-25,
    .frontend-typography h2.text-24 {
        font-size: clamp(1.5rem, 5.2vw, 1.85rem);
    }

    .frontend-typography p:not([class*="text-"]),
    .frontend-typography li:not([class*="text-"]) {
        font-size: 13px;
    }
}