/**
 * ==========================================
 * TİPOGRAFİ
 * Başlıklar, paragraflar, metin stilleri
 * ==========================================
 */

/* ========== GENEL BAŞLIKLAR ========== */
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.75rem;
    font-family: var(--by-font-main);
    font-weight: 600;
    color: var(--by-text-main);
    line-height: 1.2;
}

h1 { font-size: 1.75rem; }  /* ~28px */
h2 { font-size: 1.5rem; }   /* ~24px */
h3 { font-size: 1.25rem; }  /* ~20px */
h4 { font-size: 1.1rem; }   /* ~17.6px */
h5 { font-size: 1rem; }     /* ~16px */
h6 { font-size: 0.875rem; } /* ~14px */

/* ========== SAYFA BAŞLIKLARI ========== */
.page-title {
    font-size: 1.25rem; /* 20px */
    font-weight: 600;
    color: var(--by-text-main);
    margin: 0;
}

.page-subtitle {
    display: block;
    font-size: 0.85rem;
    color: var(--by-text-muted);
    margin-top: 4px;
    font-weight: 400;
}

/* ========== PARAGRAFLAR & METİN ========== */
p {
    margin-top: 0;
    margin-bottom: 1rem;
    color: var(--by-text-main);
    line-height: 1.6; /* Okunabilirlik için arttırıldı */
}

small, .small {
    font-size: 0.8rem; /* ~12.8px */
    color: var(--by-text-muted);
}

.xsmall {
    font-size: 0.7rem; /* ~11px */
    color: var(--by-text-soft);
}

/* Kalınlık Varyasyonları */
.fw-bold { font-weight: 700 !important; }
.fw-semibold { font-weight: 600 !important; }
.fw-medium { font-weight: 500 !important; }
.fw-normal { font-weight: 400 !important; }
.fw-light { font-weight: 300 !important; }

/* ========== RENK YARDIMCILARI ========== */
.text-muted { color: var(--by-text-muted) !important; }
.text-soft { color: var(--by-text-soft) !important; }

.text-primary { color: var(--by-primary) !important; }
.text-success { color: var(--by-success) !important; }
.text-danger { color: var(--by-danger) !important; }
.text-warning { color: var(--by-warning) !important; }
.text-info { color: var(--by-info) !important; }
.text-white { color: #ffffff !important; }
.text-dark { color: var(--by-text-main) !important; }

/* ========== KOD BLOKLARI ========== */
code {
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    font-size: 0.875em;
    color: #e83e8c;
    background-color: rgba(232, 62, 140, 0.1);
    padding: 2px 4px;
    border-radius: var(--by-radius-sm);
    word-break: break-word;
}