/* Font-Override für Paperless-ngx
   Space Grotesk (Headlines) / Inter (UI) / JetBrains Mono (Zahlen, Code) */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');

/* Basis: Inter für die gesamte UI */
body,
input, select, textarea, button,
.form-control, .btn, .dropdown-menu, .nav, .table,
.paperless-input-select, .ng-select {
    font-family: 'Inter', system-ui, sans-serif !important;
}

/* Headlines und App-Titel: Space Grotesk */
h1, h2, h3, h4, h5, h6,
.navbar-brand, .page-title, .modal-title,
app-page-header h3 {
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 700;
    letter-spacing: 0.02em;
}

/* Monospace: JetBrains Mono für ASN, IDs, Code, Beträge */
code, pre, kbd, samp,
.font-monospace, .asn, .badge.bg-light {
    font-family: 'JetBrains Mono', monospace !important;
    font-variant-numeric: tabular-nums;
}

/* Zahlen in Tabellen sauber ausrichten */
.table td, .table th {
    font-variant-numeric: tabular-nums;
}