/**
 * Global Typography
 * Fluid Type Scale — Mobile → Desktop
 * Referenziert Variablen aus global-variables.css (DRY)
 *
 * Verwendung: Klassen direkt auf HTML-Elementen oder
 * als Basis fuer BEM-Komponenten-Styles
 */

/* ============================================
   TEXT — Fließtext & UI-Labels
   ============================================ */

.bl-text-small {
    font-size: var(--bl-font-size-xs);
    line-height: var(--bl-line-height-normal);
}

.bl-text-default {
    font-size: var(--bl-font-size-sm);
    line-height: 1.6;
}

.bl-text-large {
    font-size: var(--bl-font-size-base);
    line-height: 1.6;
}

/* ============================================
   HEADINGS
   ============================================ */

h6, .bl-h6 {
    font-size: clamp(0.688rem, 0.63rem + 0.27vw, 0.875rem); /* 11→14px */
    line-height: 1.4;
    font-weight: var(--bl-font-weight-semibold);
}

h5, .bl-h5 {
    font-size: clamp(0.813rem, 0.74rem + 0.36vw, 1.063rem); /* 13→17px */
    line-height: 1.4;
    font-weight: var(--bl-font-weight-semibold);
}

h4, .bl-h4 {
    font-size: var(--bl-font-size-lg);
    line-height: 1.35;
    font-weight: var(--bl-font-weight-semibold);
}

h3, .bl-h3 {
    font-size: var(--bl-font-size-xl);
    line-height: 1.3;
    font-weight: var(--bl-font-weight-semibold);
}

h2, .bl-h2 {
    font-size: var(--bl-font-size-2xl);
    line-height: 1.25;
    font-weight: var(--bl-font-weight-bold);
}

h1, .bl-h1 {
    font-size: clamp(1.688rem, 1.53rem + 0.8vw, 2.25rem); /* 27→36px */
    line-height: var(--bl-line-height-tight);
    font-weight: var(--bl-font-weight-bold);
}

/* ============================================
   HEADLINES — Hero / Display
   ============================================ */

.bl-headline-l {
    font-size: clamp(1.875rem, 1.73rem + 0.71vw, 2.375rem); /* 30→38px */
    line-height: 1.15;
    font-weight: var(--bl-font-weight-bold);
}

.bl-headline-xl {
    font-size: clamp(2.5rem, 2.29rem + 1.07vw, 3.25rem); /* 40→52px */
    line-height: 1.1;
    font-weight: var(--bl-font-weight-bold);
}

.bl-headline-xxl {
    font-size: clamp(2.75rem, 2.5rem + 1.25vw, 3.75rem); /* 44→60px */
    line-height: 1.05;
    font-weight: var(--bl-font-weight-bold);
}