/* MATEC HUB - gerarchia tipografica funzionale, senza modifiche al layout. */
:root {
    --mh-type-page-title: clamp(1.75rem, 2.4vw, 2.35rem);
    --mh-type-section-title: 1.25rem;
    --mh-type-card-title: 1rem;
    --mh-type-body: .875rem;
    --mh-type-description: .6875rem;
    --mh-type-label: .75rem;
    --mh-type-badge: .75rem;
}
html[data-theme] body { font-family: Roboto, Arial, sans-serif; }
html[data-theme] body :is(.ds-page-title, h1.page-title, h1.office-page-title, h1.employee-page-title) { font-size: var(--mh-type-page-title) !important; line-height: 1.08 !important; }
html[data-theme] body :is(.modal-header h2, .dialog-header h2, .picker-header h2) { line-height: 1.18 !important; }
html[data-theme] body :is(.section-note, .credential-header p, .credential-status) { font-family: Roboto, Arial, sans-serif !important; font-size: var(--mh-type-description) !important; font-weight: 400 !important; line-height: 1.4 !important; color: var(--mh-muted) !important; }
html[data-theme] body :is(label, .field-label, .form-label) { font-family: Roboto, Arial, sans-serif; }
html[data-theme] body :is(.badge, .pill, .status, .state, .tag) { font-size: var(--mh-type-badge) !important; line-height: 1.2 !important; }