/* Accueil d'Horizon — l'accueil de connexion sur un fond dégradé, puis la grille des outils. */

@layer page {
    .welcome {
        padding: var(--canon-space-edge) 5vw;
    }
    .welcome-content {
        max-width: 600px;
    }
    .welcome-actions {
        display: flex;
        align-items: center;
        gap: 20px;
        margin-top: 16px;
        flex-wrap: wrap;
    }
    .tools {
        padding: var(--canon-space-edge) 5vw;
    }
    .tools-title {
        margin-bottom: 20px;
    }
    .tools-item {
        display: flex;
        align-items: center;
        gap: 16px;
    }
    .tools-icon {
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .tools-detail {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }
    @media (width > 800px) {
        .welcome,
        .tools {
            padding: 30px 10vw;
        }
    }

    .welcome {
        background-image: linear-gradient(45deg, var(--local-color-decor-home-welcome-surface), var(--local-color-decor-home-welcome-surface-2));
    }
    .tools-icon svg {
        stroke: var(--canon-theme-ink);
    }

    .welcome-title {
        font-size: var(--canon-size-subtitle);
        font-weight: var(--canon-weight-label);
        color: var(--local-color-decor-home-welcome-title-ink);
    }
    .welcome-lead {
        font-size: var(--canon-size-control);
        font-weight: var(--canon-weight-quiet);
        color: var(--local-color-decor-home-welcome-lead-ink);
    }
    .welcome-note {
        font-size: var(--canon-size-note);
        color: var(--local-color-decor-home-welcome-note-ink);
    }
    .welcome-link {
        color: var(--local-color-decor-home-welcome-lead-ink);
        text-decoration: underline;
    }
    .tools-name {
        font-size: var(--canon-size-body);
        font-weight: var(--canon-weight-label);
    }
    .tools-text {
        font-size: var(--canon-size-note);
        color: var(--canon-theme-muted);
    }
}