/* Accueil — l'accueil de connexion, puis la liste des outils, deux blocs centrés l'un sous l'autre
   (viraedies #6-sources-ui/bascule). */

@layer page {
    .welcome-section,
    .tools-section {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .welcome-section {
        padding-top: calc(4vh + 3vw);
        padding-bottom: 2vh;
    }
    .welcome,
    .tools {
        width: 80vw;
        max-width: 800px;
    }
    .welcome {
        display: flex;
        flex-direction: column;
    }
    .welcome-actions {
        margin-top: 8px;
        display: flex;
        flex-direction: column;
        gap: 8px;
        align-items: flex-start;
    }
    .tools-section {
        gap: 2vh;
        padding-top: 2vh;
        padding-bottom: 2vh;
    }
    .tools {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }

    .welcome-text {
        font-size: var(--canon-size-body);
        color: var(--canon-theme-muted);
    }
    .welcome-status {
        font-weight: var(--canon-weight-body);
    }
    .welcome-status [data-welcome-status="member"] {
        color: var(--canon-theme-muted);
    }
}