/**
 * Typography System - Naif & Modern
 * Inter font ile daha yumuşak, naif başlık stilleri
 */

/* Font Family - Inter */
body,
h1, h2, h3, h4, h5, h6,
.heading-modern,
.display-1, .display-2, .display-3, .display-4, .display-5 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Başlık Font Ağırlıkları - Daha Naif */
h1, .h1, .display-3 {
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

h2, .h2, .display-4 {
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

h3, .h3, .display-5 {
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.4;
}

h4, .h4 {
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.4;
}

h5, .h5 {
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.5;
}

h6, .h6 {
    font-weight: 500;
    letter-spacing: 0.01em;
    line-height: 1.5;
}

/* Heading Modern Class */
.heading-modern {
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

/* Display Sizes - Daha Naif */
.display-1 {
    font-size: 4.5rem;
    font-weight: 600;
    letter-spacing: -0.03em;
    line-height: 1.1;
}

.display-2 {
    font-size: 3.75rem;
    font-weight: 600;
    letter-spacing: -0.03em;
    line-height: 1.1;
}

.display-3 {
    font-size: 3rem;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.display-4 {
    font-size: 2.25rem;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.3;
}

.display-5 {
    font-size: 1.875rem;
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

/* Hero Başlık - Özel Stil */
.hero-heading {
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.2;
    color: #111827;
}

.hero-heading-accent {
    color: #00c2cb;
    font-weight: 600;
}

/* Responsive Typography */
@media (max-width: 991px) {
    .display-1 {
        font-size: 2.5rem;
        line-height: 1.2;
    }
    
    .display-2 {
        font-size: 2.25rem;
        line-height: 1.2;
    }
    
    .display-3 {
        font-size: 2rem;
        line-height: 1.2;
        font-weight: 600;
    }
    
    .display-4 {
        font-size: 1.75rem;
        line-height: 1.3;
        font-weight: 600;
    }
    
    .display-5 {
        font-size: 1.5rem;
        line-height: 1.3;
        font-weight: 600;
    }
    
    h1, .h1 {
        font-size: 2rem;
        font-weight: 600;
    }
    
    h2, .h2 {
        font-size: 1.75rem;
        font-weight: 600;
    }
    
    h3, .h3 {
        font-size: 1.5rem;
        font-weight: 600;
    }
}

@media (max-width: 576px) {
    .display-1 {
        font-size: 2rem;
    }
    
    .display-2 {
        font-size: 1.875rem;
    }
    
    .display-3 {
        font-size: 1.75rem;
        line-height: 1.2;
    }
    
    .display-4 {
        font-size: 1.5rem;
    }
    
    .display-5 {
        font-size: 1.25rem;
    }
}

/* Body Text */
body {
    font-weight: 400;
    line-height: 1.6;
    color: #4b5563;
}

p, .lead {
    font-weight: 400;
    line-height: 1.7;
}

.lead {
    font-size: 1.125rem;
    font-weight: 400;
}