@font-face {
  font-family: 'Mononoki';
  src: url('/media/templates/site/cassiopeia/fonts/mononoki-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Mononoki';
  src: url('/media/templates/site/cassiopeia/fonts/mononoki-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Application universelle */
*, *::before, *::after {
  font-family: 'Mononoki', monospace !important;
}

:root {
  /* === Couleurs principales === */
  --cassiopeia-color-primary: #342820;
  --cassiopeia-color-link: #0FADA8;
  --cassiopeia-color-hover: #342820;
  --link-color: #076B68;
  --link-hover-color: #0A8A84;

  /* === Fond et texte === */
  --cassiopeia-background:        #342820;
  --cassiopeia-text-dark:         #2D2D2D;
  --cassiopeia-text-light:        #ffffff;

  /* === Navbar === */
  --cassiopeia-navbar-bg:         #342820;
  --cassiopeia-navbar-color:      #ffffff;
  --cassiopeia-navbar-hover-bg:   #342820;
  --cassiopeia-navbar-hover-color:#D4960A;

  /* === Boutons === */
  --cassiopeia-color-button:      #D4960A;
  --cassiopeia-color-button-text: #ffffff;

  /* === Polices === */
  --cassiopeia-font-family-body:  'Inter', sans-serif;
  --cassiopeia-font-family-headings: 'Poppins', sans-serif;
}

.mod-menu .image-title {
  color: #342820;
}

#mod-menu1 .nav-item a {
  font-size: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

#mod-menu1 .nav-item img {
  height: 1.5rem;
  width: auto;
}