/**
 * CSS Custom Properties für Schriftarten - Dark Mode Optimiert
 * 
 * Moderne, hochwertige Systemschriften für optimale Lesbarkeit
 * 
 * Author: Fabian Rossbacher
 * LinkedIn: https://www.linkedin.com/in/fabian-rossbacher/
 */

:root {
    /* Schriftfamilien */
    --font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-family-headline: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-family-secondary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    
    /* Schriftgrößen */
    --font-size-xs: 0.75rem;      /* 12px */
    --font-size-small: 0.875rem;  /* 14px */
    --font-size-base: 1rem;       /* 16px */
    --font-size-medium: 1rem;     /* 16px */
    --font-size-large: 1.125rem;  /* 18px */
    --font-size-xl: 1.25rem;      /* 20px */
    --font-size-2xl: 1.5rem;      /* 24px */
    --font-size-3xl: 1.875rem;    /* 30px */
    --font-size-4xl: 2.25rem;     /* 36px */
    
    /* Zeilenhöhen */
    --line-height-tight: 1.25;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;
    
    /* Schriftgewichte */
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    
    /* Buchstabenabstände */
    --letter-spacing-tight: -0.025em;
    --letter-spacing-normal: 0;
    --letter-spacing-wide: 0.025em;
}

/* Globale Schrift-Einstellungen */
body {
    font-family: var(--font-family-base);
    font-size: var(--font-size-base);
    line-height: var(--line-height-normal);
    font-weight: var(--font-weight-normal);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Überschriften */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-headline);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-tight);
}

/* Absätze */
p {
    font-family: var(--font-family-base);
    font-size: var(--font-size-base);
    line-height: var(--line-height-relaxed);
}

/* Links */
a {
    font-family: var(--font-family-base);
}

/* Listen */
ul, ol, li {
    font-family: var(--font-family-base);
}

/* Code */
code, pre {
    font-family: var(--font-family-mono);
}

/* Buttons */
button {
    font-family: var(--font-family-base);
    font-weight: var(--font-weight-semibold);
}

/* Inputs */
input, textarea, select {
    font-family: var(--font-family-base);
}

/* Tabellen */
table, th, td {
    font-family: var(--font-family-base);
}

/* Divs */
div {
    font-family: var(--font-family-base);
}