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

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

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