/**
 * TEST — Inversion clair → sombre (noir pur, texte clair)
 */
:root,
html {
  /* Texte (ex-noir / gris foncés du template) → clair */
  --swatch--black: #ffffff;
  --swatch--grey-800: #e8e8e8;
  --swatch--grey-700: #c8c8c8;

  /* Fonds (ex-blanc / beiges / gris clairs) → noirs distincts, pas grisâtres */
  --swatch--white: #000000;
  --swatch--beige: #000000;
  --swatch--beige-2: #040404;
  --swatch--grey-200: #060606;
  --swatch--grey-300: #0a0a0a;

  --swatch--brand: #e61a23;
}

html,
body,
.page_wrap {
  background-color: #000000 !important;
  color: #ffffff !important;
}

.u-theme-light,
.u-background,
.u-background-2,
.faq_wrap,
.index_wrap,
.footer_wrap,
.nav_component.u-theme-light,
.intro_wrap,
.spaces-1_wrap,
.services-1_wrap,
.activities_wrap,
.u-section:not(.u-theme-dark) {
  background-color: #000000 !important;
  color: #ffffff !important;
}

.u-background-2,
.faq_wrap {
  background-color: #040404 !important;
}

.u-theme-light {
  --_theme---background: #000000 !important;
  --_theme---text: #ffffff !important;
  --_theme---text-2: #e8e8e8 !important;
  --_theme---text-3: #c8c8c8 !important;
  --_theme---border: #0a0a0a !important;
}

.u-theme-dark {
  --_theme---background: #000000 !important;
  --_theme---background-2: #040404 !important;
  --_theme---text: #ffffff !important;
  --_theme---text-2: #e8e8e8 !important;
  --_theme---text-3: #c8c8c8 !important;
  --_theme---border: #0a0a0a !important;
  background-color: #000000 !important;
  color: #ffffff !important;
}

/*
 * Cartes accueil + flotte : le template lie fond/texte aux swatches black/white.
 * L’inversion globale les retournait (texte noir) — on restaure le sens « carte sombre » localement.
 */
.card_primary_wrap,
.card_tertiary_wrap,
.card_tertiary_outer,
.index_gallery_item .card_tertiary_wrap {
  --swatch--black: #000000 !important;
  --swatch--white: #ffffff !important;
  --swatch--grey-200: #d8d8d8 !important;
  --swatch--grey-300: #b8b8b8 !important;
  --swatch--grey-700: #a8a8a8 !important;
  --swatch--grey-800: #e0e0e0 !important;

  --_theme---background: #000000 !important;
  --_theme---background-2: #000000 !important;
  --_theme---text: #ffffff !important;
  --_theme---text-2: #f0f0f0 !important;
  --_theme---text-3: #d8d8d8 !important;
  --_theme---border: #1a1a1a !important;
  --_theme---text-link--text: #ffffff !important;
  --_theme---text-link--text-hover: #ffffff !important;
  --_theme---text-link--border: #ffffff !important;
  --_theme---button-primary--text: #ffffff !important;
  --_theme---button-secondary--text: #ffffff !important;

  color: #ffffff !important;
}

.card_primary_wrap :where(h1, h2, h3, h4, h5, h6, p, span, a, li, .u-text, .u-eyebrow-text, .button_main_text, .button_main_element),
.card_tertiary_wrap :where(h1, h2, h3, h4, h5, h6, p, span, a, li, .u-text, .u-eyebrow-text, .button_main_text, .button_main_element),
.card_tertiary_outer :where(h1, h2, h3, h4, h5, h6, p, span, a, .u-text, .u-eyebrow-text) {
  color: #ffffff !important;
}

.card_tertiary_wrap .u-color-2,
.index_gallery_item .u-color-2 {
  color: #e8e8e8 !important;
}

.card_primary_wrap .button_main_line,
.card_tertiary_wrap .button_main_line {
  background-color: #ffffff !important;
}

.form_radio_wrap,
.form_input,
.w-input,
.w-select,
.index_filter_wrap {
  color: #ffffff !important;
  border-color: #0a0a0a !important;
}

.form_input,
.w-input,
.w-select {
  background-color: #040404 !important;
}

.line-vertical,
hr,
.hero_feature_accordion_heading,
.hero_feature_accordion_item {
  border-color: #0a0a0a !important;
}

.nav_background {
  --swatch--black: #ffffff !important;
  --swatch--white: #000000 !important;
}

.footer_component,
.footer_wrap {
  background-color: #000000 !important;
  color: #ffffff !important;
}

::selection {
  background: color-mix(in srgb, var(--swatch--brand) 55%, #000);
  color: #fff;
}