:root {
  /* Couleurs de marque */
  --nvg-color-primary: #e40f10; /* rouge Decorem */
  --nvg-color-on-primary: #ffffff;
  --nvg-color-primary-hover: #000000; /* noir — survol RÉEL des boutons remplis (.button:hover) */
  --nvg-color-secondary: #303030; /* gris foncé Decorem */
  --nvg-color-on-secondary: #ffffff;
  --nvg-color-secondary-hover: #303030;
  /* Boutons remplis (cf. .woocommerce .button, .button-vers-contact) */
  --nvg-btn-radius: 0;
  --nvg-btn-padding-y: 12px;
  --nvg-btn-padding-x: 25px;
  --nvg-btn-font-size: 0.9em;
  --nvg-btn-font-weight: 300;
  /* Surfaces, texte & bordures (sémantiques) */
  --nvg-color-surface: #ffffff;
  --nvg-color-text: #000000;
  --nvg-color-on-surface: #000000;
  --nvg-color-border: #e9e9e9;
  --nvg-bg-light: #f5f5f5;
  --nvg-color-on-bg-light: #000000;
  --nvg-bg-dark: #000000;
  --nvg-color-on-bg-dark: #ffffff;
  /* Container (cf. .wrap_content / .wrap_small_content) */
  --nvg-container-max: 1800px;
  --nvg-container-narrow: 1500px;
  /* Focus — fond gris clair + badge rouge (via primary) */
  --nvg-focus-bg: #f5f5f5;
  --nvg-focus-radius: 0;
  /* Paliers d'espacement */
  --nvg-space-small: 10px;
  --nvg-space-medium: 20px;
  --nvg-space-large: 40px;
  --nvg-space-xlarge: 60px;
  /* Paliers d'arrondi (site quasi entièrement carré) */
  --nvg-radius-small: 0;
  --nvg-radius-medium: 0;
  --nvg-radius-large: 0;
  /* Ombres (menu sticky, cartes media-text) */
  --nvg-shadow-small: 0 4px 12px rgba(0, 0, 0, 0.08);
  --nvg-shadow-medium: 0 0 40px rgba(0, 0, 0, 0.1);
  --nvg-shadow-large: 0 0 40px rgba(0, 0, 0, 0.1);
  /* Liste — flèches / puces rouges de marque */
  --nvg-list-accent-color: #e40f10;
  --nvg-list-gap-medium: 10px;
  /* Accordéon */
  --nvg-accordion-accent: #e40f10;
  --nvg-accordion-text: #000000;
  --nvg-accordion-border-color: #e9e9e9;
  /* Contenu + */
  --nvg-contenu-plus-accent: #e40f10;
}

.nvg-card.nvg-card--site-default .nvg-card__body .wp-block-heading {
  font-size: 1.5em;
  text-transform: none;
  font-weight: 400;
}

.nvg-card.nvg-card--site-default .nvg-card__body .nvg-icon--size-auto {
  width: 3rem;
}

.nvg-card.nvg-card--site-default .nvg-card__body .nvg-icon {
  margin-bottom: 1rem;
}

.nvg-card.nvg-card--site-default .nvg-card__body p {
  font-size: 1em;
}

.btn,
.wp-block-button .wp-block-button__link.wp-element-button {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.9em;
  font-weight: 400;
  color: #000000;
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  border-bottom: 1px solid #000000;
  line-height: 1.3;
}

.btn:hover,
.btn:focus,
.wp-block-button .wp-block-button__link.wp-element-button:hover,
.wp-block-button .wp-block-button__link.wp-element-button:focus {
  color: var(--nvg-color-primary);
  background: none;
  border-bottom-color: var(--nvg-color-primary);
}

/* Variante contour → CTA rempli rouge (cf. .woocommerce .button, .bandeau_full a) */
.wp-block-button.is-style-outline .wp-block-button__link.wp-element-button {
  padding: var(--nvg-btn-padding-y) var(--nvg-btn-padding-x);
  background: var(--nvg-color-primary);
  color: var(--nvg-color-on-primary);
  border: 0;
  border-bottom: 0;
  box-shadow: none;
  letter-spacing: 0.2em;
  font-size: 1.1em;
  font-weight: 300;
}

.wp-block-button.is-style-outline .wp-block-button__link.wp-element-button:hover,
.wp-block-button.is-style-outline .wp-block-button__link.wp-element-button:focus {
  background: var(--nvg-color-primary-hover);
  color: var(--nvg-color-on-primary);
}

/* Secondaire : fond noir (cf. .button-vers-blog) */
.wp-block-button.is-style-secondary .wp-block-button__link.wp-element-button {
  background: #000000;
  color: #ffffff;
  border-bottom: 0;
  padding: var(--nvg-btn-padding-y) var(--nvg-btn-padding-x);
  letter-spacing: 0.2em;
}

.wp-block-button.is-style-secondary .wp-block-button__link.wp-element-button:hover,
.wp-block-button.is-style-secondary .wp-block-button__link.wp-element-button:focus {
  background: var(--nvg-color-secondary);
  color: #ffffff;
}