/* État vide — modèle canonique ; son emploi : canon_empty.md. */

@layer components {
    .empty {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: var(--canon-space-1);
        padding: var(--canon-space-8) var(--canon-space-4);
    }

    .empty {
        text-align: center;
        color: var(--canon-theme-muted);
    }
    .empty-title {
        font-weight: var(--canon-weight-label);
        color: var(--canon-theme-ink);
    }
}