/* Import des polices Montserrat locales */
@import url("aromex-fonts.css");

/* ===== VARIABLES CSS GLOBALES AROMEX ===== */

:root {
  /* ===== COULEURS PRINCIPALES ===== */
  --aromex-black: #000000; /* Texte principal */
  --aromex-grey-light: #ececec; /* Rectangle de fond, boutons, arrière plan produits 3D */
  --aromex-grey-dark: #575756; /* Police prix page 2,3 */
  --aromex-blue-hover: #6fcff4; /* Boutons quand on clique dessus */
  --aromex-white: #fff; /* Boutons quand on clique dessus */

  /* ===== TYPOGRAPHIE ===== */
  --aromex-font-family-primary: "Montserrat", "Arial", "Helvetica Neue",
    sans-serif;
  --aromex-font-family-secondary: "Georgia", serif;

  /* ===== VARIABLES SPÉCIFIQUES AROMEX ===== */
  /* Boutons */
  --aromex-btn-primary-bg: var(--aromex-grey-light);
  --aromex-btn-text-primary-color: var(--aromex-white);
  --aromex-btn-primary-hover-bg: var(--aromex-black);
  --aromex-btn-text-primary-hover-color: var(--aromex-white);
  --aromex-btn-primary-active-bg: var(--aromex-blue-hover);
  --aromex-btn-primary-border: var(--aromex-black);
}