/* Charte graphique Make IT Secure : police Ridley Grotesk + palette officielle. */

@font-face {
  font-family: "Ridley Grotesk";
  src: url("fonts/RidleyGrotesk-Regular.07a256943c9d.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Ridley Grotesk";
  src: url("fonts/RidleyGrotesk-Medium.694ed04f7f7b.woff2") format("woff2");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Ridley Grotesk";
  src: url("fonts/RidleyGrotesk-SemiBold.10dfad08ce1f.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Ridley Grotesk";
  src: url("fonts/RidleyGrotesk-Bold.f3e1297ee8ec.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Ridley Grotesk";
  src: url("fonts/RidleyGrotesk-ExtraBold.229e26177bed.woff2") format("woff2");
  font-weight: 800; font-style: normal; font-display: swap;
}

:root {
  /* Palette Make IT Secure */
  --mis-navy: #000326;      /* Beauté noire */
  --mis-blue: #022873;      /* Opale bleue */
  --mis-slate: #263658;     /* Bleu estate */
  --mis-cyan: #4CD7D7;      /* Curaçao bleu */
  --mis-yellow: #EDB61E;    /* Marguerite étourdie */

  --brand-font: "Ridley Grotesk", system-ui, "Segoe UI", sans-serif;
}