/* =============================================================
   PEAU DE COMPOSANTS — skin school (couche 2)
   -------------------------------------------------------------
   Feuille de SURCHARGE : la feuille de base (mt-ui.css) reste
   chargée, on ne redéfinit que ce qui change.

   Chargée par @mtSkin, APRÈS partials/theme-vars → a le dernier mot.

   Parti pris (distinct du skin hotel) : institutionnel/rassurant plutôt
   que vitrine marketing — un directeur, un enseignant ou un parent doit
   sentir un back-office sobre, pas une brochure. Pas de dégradé ni
   d'ombre appuyée ; liseré LATÉRAL (effet cahier/classeur) plutôt que
   liseré du dessus ; badges pleins et lisibles (statuts d'élève/de
   paiement consultés en rafale) ; focus doux (formulaires longs et
   fréquents - inscriptions, saisie de notes).

   Contrat (cf. docs/ARCHITECTURE/peaux-composants.md) : uniquement des classes .mt-*
   existantes, uniquement des tokens --mt-* pour les couleurs ET les
   grandeurs. Aucune valeur en dur : sinon cette peau annulerait les
   presets MT_UI_RADIUS / MT_UI_DENSITY / MT_UI_ELEVATION de l'app.
   ============================================================= */

/* ── Boutons : aplat conservé, relief discret au survol (pas de dégradé) ── */
.mt-btn-primary {
    box-shadow: var(--mt-shadow-sm);
}
.mt-btn-primary:hover {
    box-shadow: var(--mt-shadow-md);
    filter: brightness(1.06);
}
.mt-btn-primary:active {
    filter: brightness(0.97);
    box-shadow: none;
}

/* ── Cartes : liseré LATÉRAL de marque (effet classeur/cahier) ─────────── */
.mt-card {
    /* border-left: 3px solid rgb(var(--mt-primary)); */
    box-shadow: var(--mt-shadow-sm);
}

/* ── Badges : pastille PLEINE et lisible (statuts consultés en rafale) ──── */
.mt-badge {
    background: rgb(var(--mt-primary) / 0.12);
    border-color: transparent;
    color: rgb(var(--mt-primary));
    font-weight: 600;
}

/* ── Champs : halo de focus doux (formulaires longs et fréquents) ──────── */
.mt-input:focus,
.mt-select:focus,
.mt-textarea:focus {
    box-shadow: 0 0 0 3px rgb(var(--mt-primary) / 0.12);
}