/**
 * KurumsalScript - Typography
 */

h1 { font-size: clamp(2rem, 5vw, var(--font-5xl)); font-weight: var(--font-weight-extra); letter-spacing: -0.03em; }
h2 { font-size: clamp(1.5rem, 3.5vw, var(--font-4xl)); font-weight: var(--font-weight-bold); letter-spacing: -0.02em; }
h3 { font-size: clamp(1.25rem, 2.5vw, var(--font-3xl)); font-weight: var(--font-weight-bold); letter-spacing: -0.01em; }
h4 { font-size: clamp(1.1rem, 2vw, var(--font-2xl)); font-weight: var(--font-weight-semibold); }
h5 { font-size: var(--font-xl); font-weight: var(--font-weight-semibold); }
h6 { font-size: var(--font-lg); font-weight: var(--font-weight-medium); }

.baslik-kucuk {
    font-size: var(--font-sm);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--renk-birincil);
}

.keci-baslik {
    font-size: clamp(2.5rem, 6vw, var(--font-6xl));
    font-weight: var(--font-weight-extra);
    letter-spacing: -0.04em;
    line-height: 1.05;
}

.metin-gradient {
    background: linear-gradient(135deg, var(--renk-birincil), var(--renk-aksent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.metin-buyuk  { font-size: var(--font-md); line-height: var(--line-height-gevşek); }
.metin-kucuk  { font-size: var(--font-sm); }
.metin-xs     { font-size: var(--font-xs); }

.metin-merkez { text-align: center; }
.metin-sag    { text-align: right; }
.metin-sol    { text-align: left; }

blockquote {
    border-left: 4px solid var(--renk-birincil);
    padding: var(--spacing-4) var(--spacing-6);
    background: var(--arkaplan-ikincil);
    border-radius: 0 var(--kenar-radius) var(--kenar-radius) 0;
    font-style: italic;
    color: var(--metin-ikincil);
    margin: var(--spacing-6) 0;
}

/* İçerik stiline alanı */
.ks-icerik h2 { margin: 2rem 0 1rem; font-size: 1.75rem; }
.ks-icerik h3 { margin: 1.75rem 0 0.75rem; font-size: 1.4rem; }
.ks-icerik p  { margin-bottom: 1.25rem; color: var(--metin-ikincil); }
.ks-icerik ul, .ks-icerik ol { margin: 0 0 1.25rem 1.5rem; list-style: revert; }
.ks-icerik li { margin-bottom: 0.5rem; color: var(--metin-ikincil); }
.ks-icerik a  { color: var(--renk-birincil); text-decoration: underline; }
.ks-icerik img { border-radius: var(--kenar-radius); margin: 1.5rem 0; }