/* Indique au navigateur que le site est en thème sombre (style natif des menus) */
:root { color-scheme: dark; --accent:#ffc23f;--mint:#3FFFF3 }
.button-primary{border:1px solid var(--accent);border-radius:1rem;padding:.6rem 1rem}
.card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:1rem}

/* Style de base des champs */
input, select, textarea {
  background-color: #1A1C20;   /* même fond que ton thème */
  color: #F6F7F9;
  border: 1px solid rgba(255,255,255,.20);
  border-radius: 0.75rem;      /* ~ rounded-xl */
}

/* Liste déroulante des options (Chrome/Firefox/Edge) */
select option {
  background-color: #1A1C20;
  color: #F6F7F9;
}
select option:disabled { color: #9aa0a6; }

/* Focus joli */
input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: #3FFFF3;       /* mint */
  box-shadow: 0 0 0 2px rgba(63,255,243,.25);
}

/* Chrome autofill en sombre */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #1A1C20 inset !important;
  -webkit-text-fill-color: #F6F7F9 !important;
  caret-color: #F6F7F9 !important;
}

/* Menu langue */
#langMenu a { transition: background-color .15s ease, opacity .15s ease; }

/* Affiche correctement les emojis (dont drapeaux) sous Chrome/Win/macOS/Linux */
body, button, input, select, textarea {
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell,
               "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji",
               sans-serif;
}