/* Base commune aux pages de gestiondesstockjod : polices et couleurs de la charte de la Ville de Jodoigne. */

@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../assets/fonts/ubuntu-latin-700-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url("../assets/fonts/mulish-latin-wght-normal.woff2") format("woff2");
}

:root {
  --bleu-fonce: #002969;
  --bleu-fonce-survol: #001c4a;
  --bleu-clair: #5a7ab9;
  --jaune: #ffd54a;
  --texte: #282828;
  --texte-doux: #4a5560;
  --fond: #ebf0f2;
  --blanc: #ffffff;
  --bord: #6b7780;
  --erreur: #b42318;
  --erreur-fond: #fef3f2;
  --succes: #067647;
  --succes-fond: #ecfdf3;
  --attente-fond: #fff6d6;
  --police-titre: "Ubuntu", sans-serif;
  --police-texte: "Mulish", sans-serif;
  --rayon: 6px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

[hidden] {
  display: none !important;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  background: var(--fond);
  color: var(--texte);
  font-family: var(--police-texte);
  font-size: 1rem;
  line-height: 1.6;
}

h1,
h2,
h3,
legend {
  font-family: var(--police-titre);
  font-weight: 700;
  color: var(--bleu-fonce);
  line-height: 1.25;
}

a {
  color: var(--bleu-fonce);
}

:focus-visible {
  outline: 3px solid var(--bleu-fonce);
  outline-offset: 2px;
}

.visuellement-cache {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.evitement {
  position: absolute;
  left: 16px;
  top: -100px;
  z-index: 10;
  padding: 10px 16px;
  background: var(--bleu-fonce);
  color: var(--blanc);
  border-radius: var(--rayon);
}

.evitement:focus {
  top: 16px;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    transition: none !important;
    scroll-behavior: auto !important;
  }
}