/* Fonts CSS - Basis-Schriftarten als CSS Custom Properties */

:root {
    /* Font Family */
    --font-family-primary: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --font-family-headline: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    
    /* Font Sizes */
    --font-size-base: 16px;
    --font-size-small: 14px;
    --font-size-large: 18px;
    --font-size-h1: 2.5rem;
    --font-size-h2: 2rem;
    --font-size-h3: 1.75rem;
    --font-size-h4: 1.5rem;
    --font-size-h5: 1.25rem;
    --font-size-h6: 1rem;
    
    /* Font Weights */
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    
    /* Line Heights */
    --line-height-base: 1.5;
    --line-height-headline: 1.2;
    --line-height-tight: 1.3;
}

/* Base Typography */
body,
div,
a,
p,
span,
input,
textarea,
button,
select,
label {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-base);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-family-headline);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-headline);
    hyphens: none;
    word-break: normal;
}

h1 {
    font-size: var(--font-size-h1);
}

h2 {
    font-size: var(--font-size-h2);
}

h3 {
    font-size: var(--font-size-h3);
}

h4 {
    font-size: var(--font-size-h4);
}

h5 {
    font-size: var(--font-size-h5);
}

h6 {
    font-size: var(--font-size-h6);
}