fix: align frontend fonts and logo layout

frontend/src/app/app.component.ts

@@ -99,7 +99,7 @@ import { MatButtonModule } from '@angular/material/button';
       grid-template-columns: auto 1fr auto;
       align-items: center;
       gap: 24px;
-      min-height: 92px;
+      min-height: 104px;
       padding: 0 20px;
     }
 
@@ -113,11 +113,10 @@ import { MatButtonModule } from '@angular/material/button';
     }
 
     .brand-logo {
-      width: 88px;
+      width: 178px;
-      height: 88px;
+      height: auto;
+      max-height: 76px;
       display: block;
-      object-fit: cover;
-      border-radius: 14px;
       box-shadow: 0 16px 32px rgba(111, 40, 33, 0.12);
     }
 
@@ -207,8 +206,8 @@ import { MatButtonModule } from '@angular/material/button';
       }
 
       .brand-logo {
-        width: 76px;
+        width: 148px;
-        height: 76px;
+        max-height: 64px;
       }
 
       .footer-inner {

frontend/src/styles.css

@@ -29,6 +29,8 @@
   --azionelab-error-bg: #fff3f1;
   --azionelab-error-ink: #8b2a20;
   --azionelab-error-border: rgba(179, 38, 30, 0.16);
+  --mdc-typography-brand-font-family: var(--azionelab-serif);
+  --mdc-typography-plain-font-family: var(--azionelab-sans);
 }
 
 * {
@@ -50,6 +52,21 @@ body {
   min-height: 100vh;
 }
 
+body,
+p,
+li,
+dt,
+dd,
+label,
+button,
+input,
+textarea,
+select,
+option,
+a {
+  font-family: var(--azionelab-sans);
+}
+
 h1, h2, h3 {
   font-family: var(--azionelab-serif);
   font-weight: 600;
@@ -72,10 +89,23 @@ h3 {
   line-height: 1.24;
 }
 
-button, input, textarea {
+button, input, textarea, select {
   font: inherit;
 }
 
+.mat-mdc-button-base,
+.mat-mdc-unelevated-button,
+.mat-mdc-outlined-button,
+.mat-mdc-button,
+.mat-mdc-card,
+.mat-mdc-form-field,
+.mdc-button,
+.mdc-text-field,
+.mdc-floating-label,
+.mdc-text-field__input {
+  font-family: var(--azionelab-sans) !important;
+}
+
 a {
   color: var(--azionelab-accent-strong);
 }