/**
 * Typography Fix - Okunabilir Fontlar
 * Tüm metinler için geliştirilmiş okunabilirlik
 */

/* Global Font Settings */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; /* Firefox/Mac için */
    text-rendering: optimizeLegibility;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
    letter-spacing: 0.01em;
}

/* Headings - Daha Büyük ve Okunaklı */
h1 {
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: #FFFFFF !important;
    margin-bottom: 1rem;
    letter-spacing: -0.02em;
}

h2 {
    font-size: 2rem !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    color: #FFFFFF !important;
    margin-bottom: 0.875rem;
    letter-spacing: -0.01em;
}

h3 {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: #F5F3F7 !important;
    margin-bottom: 0.75rem;
}

h4 {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: #F5F3F7 !important;
}

h5 {
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    color: #E5E3ED !important;
}

h6 {
    font-size: 1rem !important;
    font-weight: 500 !important;
    color: #E5E3ED !important;
}

/* Paragraphs - Daha Okunabilir */
p {
    font-size: 1rem !important;
    line-height: 1.7 !important;
    color: #E5E3ED !important;
    font-weight: 400 !important;
    margin-bottom: 1rem;
}

/* Page Headers */
.page-header h1 {
    font-size: 3rem !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.page-header p {
    font-size: 1.25rem !important;
    font-weight: 400 !important;
    color: #D5D3DD !important;
    line-height: 1.6 !important;
}

/* Card Titles */
.model-card h3,
.collection-card h3,
.category-card h3,
.product-card h3,
.value-card h3,
.team-member h3 {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: #FFFFFF !important;
    margin-bottom: 0.5rem;
}

/* Card Descriptions */
.collection-description,
.model-description,
.category-card p,
.value-card p,
.member-bio {
    font-size: 1rem !important;
    line-height: 1.6 !important;
    color: #D5D3DD !important;
    font-weight: 400 !important;
}

/* Stats and Meta Info - Daha Belirgin */
.collection-stats,
.model-stats,
.stat-item,
.stat-label,
.product-card-stat {
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    color: #B8B3CA !important;
    line-height: 1.5;
}

.stat-value,
.stat-number {
    font-size: 1.875rem !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    line-height: 1.2;
}

/* Small Text - Daha Okunaklı */
small,
.small-text,
.text-small {
    font-size: 0.9rem !important;
    color: #B8B3CA !important;
    font-weight: 400 !important;
}

/* Navigation */
.nav-link {
    font-size: 1rem !important;
    font-weight: 500 !important;
    color: #E5E3ED !important;
    letter-spacing: 0.01em;
}

.nav-link.active {
    font-weight: 600 !important;
    color: #FFFFFF !important;
}

/* Buttons */
.btn {
    font-size: 1rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em;
    line-height: 1.5;
}

.btn-primary {
    font-weight: 600 !important;
}

/* Form Labels */
label,
.form-label {
    font-size: 1rem !important;
    font-weight: 500 !important;
    color: #F5F3F7 !important;
    margin-bottom: 0.5rem;
    display: block;
}

/* Form Inputs */
input,
textarea,
select,
.form-input,
.form-textarea,
.form-select {
    font-size: 1rem !important;
    font-weight: 400 !important;
    color: #FFFFFF !important;
    line-height: 1.5;
}

input::placeholder,
textarea::placeholder {
    color: #928DAB !important;
    opacity: 0.8;
    font-weight: 400;
}

/* Links */
a {
    color: #B8B3CA;
    font-weight: 500;
    text-decoration: none;
}

a:hover {
    color: #D5D3DD;
}

/* Mission/Vision Content */
.mission-text p,
.vision-text p {
    font-size: 1.125rem !important;
    line-height: 1.8 !important;
    color: #E5E3ED !important;
    font-weight: 400 !important;
}

/* Contact Methods */
.method-content h3 {
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    color: #FFFFFF !important;
}

.method-content p {
    font-size: 1rem !important;
    color: #D5D3DD !important;
}

/* FAQ Items */
.faq-question {
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    color: #FFFFFF !important;
}

.faq-answer p {
    font-size: 1rem !important;
    line-height: 1.7 !important;
    color: #D5D3DD !important;
}

/* Timeline */
.timeline-date {
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #B8B3CA !important;
}

.timeline-content h3 {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: #FFFFFF !important;
}

.timeline-content p {
    font-size: 1rem !important;
    color: #D5D3DD !important;
}

/* Model/Product Author */
.model-author,
.product-card-author,
.product-card-author-name {
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    color: #B8B3CA !important;
}

/* Tags */
.tag {
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    color: #E5E3ED !important;
}

/* Breadcrumbs */
.breadcrumb,
.breadcrumb-nav a {
    font-size: 0.95rem !important;
    color: #B8B3CA !important;
    font-weight: 400 !important;
}

/* Filter Buttons */
.filter-btn {
    font-size: 0.95rem !important;
    font-weight: 500 !important;
}

.filter-btn.active {
    font-weight: 600 !important;
}

/* Footer */
.footer h3 {
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    color: #FFFFFF !important;
}

.footer p,
.footer a {
    font-size: 0.95rem !important;
    color: #B8B3CA !important;
}

/* Responsive Typography */
@media (max-width: 768px) {
    html {
        font-size: 14px;
    }
    
    h1 {
        font-size: 2rem !important;
    }
    
    h2 {
        font-size: 1.75rem !important;
    }
    
    .page-header h1 {
        font-size: 2.25rem !important;
    }
    
    .page-header p {
        font-size: 1.125rem !important;
    }
}

@media (max-width: 480px) {
    html {
        font-size: 13px;
    }
}