/* Panneau — modèle canonique ; son emploi : canon_panel.md. */

@layer components {
    .panel {
        display: flex;
        flex-direction: column;
        gap: var(--canon-space-4);
        padding: var(--panel-padding, var(--canon-space-6));
    }

    .panel {
        border: var(--canon-line-width) solid var(--canon-theme-line);
        border-radius: var(--canon-radius-card);
        background-color: var(--canon-theme-surface);
    }
}