/* ---------------------------------------------------------------
   Typographie globale — Roboto Condensed (variable font, axe wght)
   - Base bumpée à 17px : tout Tailwind étant en rem, ça scale
     proportionnellement (text, padding, margin, gap, etc.) sans casser
     l'harmonie du design system.
   - Graisses : courant 350, bold 650, titres 800.
--------------------------------------------------------------- */
html {
    font-size: 17px;
}
body {
    font-weight: 350;
}
b, strong, .font-bold {
    font-weight: 650;
}
h1, h2 {
    font-weight: 800;
    letter-spacing: -0.01em;
}

/* Polish global pour les éléments natifs */

/* Cache les flèches des input[type=number] (panier, formulaires) */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}

/* État "drag" sur les dropzones (toggle via Uploader) */
.is-dragging {
    border-color: rgb(30 167 255) !important; /* brand-500 */
    background-color: rgb(238 249 255 / 0.5); /* brand-50 / 0.5 */
}

/* Slider d'échelle dans le panier — accent couleur brand */
input[type=range].cart-scale {
    accent-color: rgb(30 167 255);
}

/* Uniformise le fond des <select> natifs : sans cette règle, certains
   navigateurs (Chromium notamment) rendent les selects avec un fond gris
   par défaut alors que les inputs voisins sont en blanc → incohérent.
   On force white pour matcher les <input> et <textarea> du design system.
   Les selects avec une classe bg-* explicite ne sont pas touchés (ils ont
   une spécificité supérieure via Tailwind utility). */
select:not([class*="bg-"]) {
    background-color: white;
}