/* ========================================
   GLOBALE TYPOGRAFIE & DESIGN SYSTEM
   Inter Font - Professionelle UI-Schrift
   ======================================== */

/* Globale Body-Hintergrund Definition & Typografie */
body {
    background: linear-gradient(to bottom right, rgb(248 250 252), rgb(241 245 249)) !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    
    /* Optimales Font-Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    
    /* OpenType Features für professionelle Typografie */
    font-variant-ligatures: common-ligatures contextual;
    font-feature-settings: 
        'kern' 1,      /* Kerning für optimalen Buchstabenabstand */
        'liga' 1,      /* Standard Ligatures (fi, fl, ff) */
        'calt' 1;      /* Contextual Alternates */
}

/* Überschriften - Optimierte Line-Heights & Letter-Spacing */
h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
    letter-spacing: -0.01em;
    font-weight: 700;
}

h1 {
    line-height: 1.1;
    letter-spacing: -0.02em;
}

/* Fließtext - Optimale Lesbarkeit */
p {
    line-height: 1.6;
    max-width: 65ch; /* Optimale Zeilenlänge */
}

/* Kleine Texte - Verbesserte Lesbarkeit durch Tracking */
.text-xs {
    letter-spacing: 0.025em !important;
    line-height: 1.4;
}

.text-sm {
    line-height: 1.5;
}

/* Große Überschriften - Optisches Kerning */
.text-4xl, .text-3xl, .text-2xl {
    letter-spacing: -0.02em !important;
    line-height: 1.1 !important;
}

.text-xl {
    letter-spacing: -0.01em !important;
    line-height: 1.3 !important;
}

/* Body-Text sollte base sein, nicht sm */
.text-base {
    line-height: 1.6;
}

/* Labels - UI-Elemente */
label {
    line-height: 1.5;
}

/* Tabellen - Optimierte Lesbarkeit */
thead th {
    letter-spacing: 0.05em !important;
    line-height: 1.4;
}

tbody td {
    line-height: 1.5;
    /* Tabular Numbers für bessere Zahlen-Ausrichtung */
    font-variant-numeric: tabular-nums;
    font-feature-settings: 'tnum' 1, 'zero' 1; /* Tabular + Slashed Zero */
}

/* Nur Zellen mit Zahlen */
tbody td[data-type="number"],
tbody td.text-right {
    font-variant-numeric: tabular-nums;
    font-feature-settings: 'tnum' 1;
}

/* Links - Bessere Lesbarkeit */
a {
    line-height: 1.5;
}

/* Buttons - Optimierte Typografie */
button, .btn {
    letter-spacing: 0.01em;
    line-height: 1.5;
    font-weight: 500; /* Medium weight für bessere Lesbarkeit */
}

/* Input & Select - Konsistente Font-Darstellung */
input, select, textarea {
    font-family: inherit;
    font-feature-settings: 'tnum' 1; /* Tabular numbers in Formularen */
}

/* Zahlen in Input-Feldern (Beträge, IDs, etc.) */
input[type="number"],
input[type="tel"] {
    font-variant-numeric: tabular-nums;
    font-feature-settings: 'tnum' 1;
}