/* Séparateur — modèle canonique ; son emploi : canon_divider.md. */

@layer components {
    .divider {
        width: 100%;
        height: var(--canon-line-width);
        margin-block: var(--canon-space-3);
    }

    .divider {
        border: 0;
        background-color: var(--canon-theme-line);
    }
}

@layer components {
    .divider--style-gradient {
        background-color: transparent;
        background-image: linear-gradient(90deg, transparent, var(--canon-theme-muted), transparent);
    }
}