/* Retouches appliquées par-dessus le thème Bootstrap.
 *
 * Ce fichier est chargé après bootstrap.theme.css : c'est ce qui lui permet de
 * corriger le thème sans le modifier, et donc de survivre à son remplacement.
 *
 * RAYONS DE BORDURE
 *
 * Yeti est un thème à angles droits. Ses couleurs sont voulues, ses angles non :
 * les valeurs du thème d'origine sont rétablies ici. Hors couleurs, l'arrondi est
 * la seule chose que Yeti change au thème d'origine, avec la police — que app.css
 * remplace de toute façon par Verdana.
 *
 * Le gros de l'arrondi passe par ces trois variables : les cent soixante-six
 * déclarations de rayon de Bootstrap les lisent. Six règles y échappent en
 * inscrivant zéro en dur ; elles sont reprises en dessous. Les valeurs sont celles
 * de Bootstrap 5.3.8 non thémé.
 */
:root {
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
}

/* Le rayon intérieur d'une carte : c'est lui qui arrondit l'en-tête et le pied
   pour qu'ils épousent le cadre. À zéro, la carte était arrondie mais son en-tête
   coloré débordait en angle droit — le défaut le plus visible. */
.card {
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
}

kbd {
    border-radius: 0.25rem;
}

.btn-close {
    border-radius: 0.375rem;
}

.popover-header {
    border-top-left-radius: var(--bs-popover-inner-border-radius);
    border-top-right-radius: var(--bs-popover-inner-border-radius);
}