diff --git a/frontend/src/app/app.component.ts b/frontend/src/app/app.component.ts index 8977033..2957e29 100644 --- a/frontend/src/app/app.component.ts +++ b/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; - height: 88px; + width: 178px; + 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; - height: 76px; + width: 148px; + max-height: 64px; } .footer-inner { diff --git a/frontend/src/styles.css b/frontend/src/styles.css index 491200e..1e1d577 100644 --- a/frontend/src/styles.css +++ b/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); }