:root {
    /* Tes tokens */
    --mf-primary: #2b0f3b;
    --mf-primary-100: #f0e9f3;
    --mf-text: #1f2937;
    --mf-muted: #6b7280;
    --mf-surface: #ffffff;
    --mf-border: #e5e7eb;
    --radius: 16px;

    /* Bridge vers Bootstrap */
    --bs-primary: var(--mf-primary);
    --bs-body-color: var(--mf-text);
    --bs-body-bg: var(--mf-surface);
    --bs-border-color: var(--mf-border);
    --bs-border-radius: 12px;   /* remplace .alert {border-radius:12px} */
    --bs-border-radius-lg: 16px;

    /* Focus ring plus doux (remplace l'ancien :focus custom) */
    --bs-focus-ring-color: rgba(43, 15, 59, .25);

    /* Optionnel: hover bouton primaire (au lieu d’overrider .btn-primary) */
    --bs-btn-hover-bg: #3d1a52;
    --bs-btn-hover-border-color: #3d1a52;
}