/* ============================================================
   GesTask — Tipografia
   Caricamento del carattere e classi di testo condivise.
   ============================================================ */

/* Inter è il carattere di tutta l'interfaccia. Il caricamento è `swap`: il
   testo compare subito nel carattere di sistema e viene risostituito
   all'arrivo del file, invece di lasciare la pagina bianca. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

/* Le classi qui sotto sono i nomi storici degli stessi stili che i
   componenti Prime chiamano `.p-eyebrow`, `.p-not-set` e `.p-helper-text`.
   Restano perché sono usate nelle view che non sono ancora passate ai
   widget; puntano alla stessa dichiarazione, così non possono divergere. */

.eyebrow {
    color: var(--p-primary-color);
    font-size: var(--p-font-size-xs);
    font-weight: 700;
    letter-spacing: .08em;
    margin-bottom: .25rem;
    text-transform: uppercase;
}

/* Un campo non compilato non è un errore: resta smorzato e in corsivo, non
   in rosso, che è il colore di ciò che va corretto. */
.not-set {
    color: var(--p-text-muted-color);
    font-style: italic;
}

.hint-block {
    color: var(--p-text-muted-color);
    display: block;
    font-size: var(--p-font-size-sm);
    margin-top: .375rem;
}

/* Titoli di pagina e di sezione: le stesse misure dei componenti Prime,
   raggiungibili dalle view che usano ancora i nomi vecchi. */
.gt-page-header {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
}

.gt-page-title {
    font-size: 1.625rem;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.2;
}

.gt-page-subtitle {
    color: var(--p-text-muted-color);
    max-width: 60ch;
}