/* ==== CORE TYPOGRAPHY ==== */
/* Font styles, headings, and text utilities */

/* Body Base */
body {
    font-family: var(--font-family);
    margin: var(--spacing-lg);
    background-color: var(--color-background);
    color: var(--color-text);
}

/* Headings */
h1 {
    text-align: center;
    margin-bottom: var(--spacing-sm);
    font-size: var(--font-size-h1);
}

h2 {
    text-align: center;
    margin-top: 0;
    margin-bottom: var(--spacing-sm);
    font-size: var(--font-size-h2);
    font-weight: normal;
}

/* Jahr Titel */
.jahr-titel {
    font-size: var(--font-size-jahr-titel);
    font-weight: bold;
    margin-bottom: var(--spacing-sm);
    margin-left: var(--spacing-sm);
}

/* Bereich Titel */
.bereich-titel {
    font-size: var(--font-size-bereich-titel);
    font-weight: bold;
    margin: var(--spacing-sm) 0;
    margin-left: var(--spacing-sm);
}

/* Fachgebiet */
.fachgebiet {
    font-size: var(--font-size-small);
    text-align: center;
    margin-top: var(--spacing-xs);
    margin-bottom: var(--spacing-xs);
}

/* Spezialisierung Titel */
.spezialisierung-titel {
    font-weight: bold;
    margin: var(--spacing-xs) 0;
    width: 100%;
    text-align: center;
}

/* ==== TEXT UTILITIES ==== */

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

.font-bold {
    font-weight: bold;
}

.font-italic {
    font-style: italic;
}

/* ==== MARGIN UTILITIES ==== */

.mb-small {
    margin-bottom: var(--spacing-xs);
}

.mb-medium {
    margin-bottom: var(--spacing-md);
}

.mb-large {
    margin-bottom: var(--spacing-xl);
}