/**
 * CockpitOS Maximilian Center Bonn Theme - Typography
 * 
 * Verantwortlichkeit: Text-Styles und Hierarchie
 * Konsistente Typografie für alle Textelemente
 * 
 * @package CockpitOS_MEC_Light_Theme
 * @version 1.0.2
 */

/* Headings - Max Bonn Style mit moderner Sans-Serif */
/* Alle Headings: Uppercase, globale Größen, konsistente Styles */
/* Letter-spacing: Dynamisch angepasst für alle Größen (-0.1px pro Größenstufe) */
h1, .h1 {
    font-family: var(--font-family-heading);
    font-size: var(--font-size-5xl); /* 60px */
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-tight);
    margin-bottom: var(--spacing-lg);
    color: var(--color-accent);
    text-transform: uppercase;
    letter-spacing: -0.5px; /* Dynamisch: -0.1px pro Größenstufe (h1 = größte, daher -0.5px) */
}

h2, .h2 {
    font-family: var(--font-family-heading);
    font-size: var(--font-size-3xl); /* 36px - Verkleinert von 4xl (48px) */
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-tight);
    margin-bottom: var(--spacing-lg);
    color: var(--color-accent);
    text-transform: uppercase;
    letter-spacing: -0.4px; /* Dynamisch: -0.1px pro Größenstufe */
}

h3, .h3 {
    font-family: var(--font-family-heading);
    font-size: var(--font-size-3xl); /* 36px */
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-tight);
    margin-bottom: var(--spacing-md);
    text-transform: uppercase;
    letter-spacing: -0.3px; /* Dynamisch: -0.1px pro Größenstufe */
}

h4, .h4 {
    font-family: var(--font-family-heading);
    font-size: var(--font-size-2xl); /* 30px */
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-tight);
    margin-bottom: var(--spacing-md);
    text-transform: uppercase;
    letter-spacing: -0.2px; /* Dynamisch: -0.1px pro Größenstufe */
}

h5, .h5 {
    font-family: var(--font-family-heading);
    font-size: var(--font-size-xl); /* 24px */
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-normal);
    margin-bottom: var(--spacing-sm);
    text-transform: uppercase;
    letter-spacing: -0.1px; /* Dynamisch: -0.1px pro Größenstufe */
}

h6, .h6 {
    font-family: var(--font-family-heading);
    font-size: var(--font-size-lg); /* 20px */
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-normal);
    margin-bottom: var(--spacing-sm);
    text-transform: uppercase;
    letter-spacing: 0px; /* Kleinste Größe, daher 0px (kein negatives Spacing) */
}

/* Body Text */
.text-xs {
    font-size: var(--font-size-xs);
}

.text-sm {
    font-size: var(--font-size-sm);
}

.text-base {
    font-size: var(--font-size-base);
}

.text-lg {
    font-size: var(--font-size-lg);
}

.text-xl {
    font-size: var(--font-size-xl);
}

/* Font Weights */
.font-light {
    font-weight: var(--font-weight-light);
}

.font-normal {
    font-weight: var(--font-weight-normal);
}

.font-medium {
    font-weight: var(--font-weight-medium);
}

.font-semibold {
    font-weight: var(--font-weight-semibold);
}

.font-bold {
    font-weight: var(--font-weight-bold);
}

/* Text Colors */
.text-primary {
    color: var(--color-primary);
}

.text-secondary {
    color: var(--color-secondary);
}

.text-muted {
    color: var(--color-gray-500);
}

.text-white {
    color: var(--color-white);
}

/* Text Alignment */
.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

/* Line Heights */
.leading-tight {
    line-height: var(--line-height-tight);
}

.leading-normal {
    line-height: var(--line-height-normal);
}

.leading-relaxed {
    line-height: var(--line-height-relaxed);
}