/* ------------------------------------ *\
  ==COLORS
\* ------------------------------------ */

/**
 * BACKGROUND ...............You’re reading it!
 * CARDS .............................
 * CTA ............................
 * KEY FIGURE ........................
 * LINK LIST ........................
 * MINIPUSH ........................
 * MOD02 ........................
 * SEPARATOR ........................
 * TEXT ........................
 * TAGS ........................
*/

.bg--yellow-carnotstar {
  background-color: var(--bs-yellow-carnostar);
}

.bg--blue-carnotstar {
  background-color: var(--bs-blue-carnostar);
}

.bg--deep-blue-carnotstar {
  background-color: var(--bs-deep-blue-carnostar);
  color: var(--bs-white);
}

/* ------------------------------------ *\
  == CARDS
\* ------------------------------------ */

.paragraph--type--card-expand.bg--yellow-carnotstar .card__body,
.paragraph.paragraph--type--card-square.bg--yellow-carnotstar .card__body,
.paragraph.paragraph--type--card.bg--yellow-carnotstar .card__body {
  background-color: var(--bs-yellow-carnostar);
}

.paragraph--type--card-expand.bg--blue-carnotstar .card__body,
.paragraph.paragraph--type--card-square.bg--blue-carnotstar .card__body,
.paragraph.paragraph--type--card.bg--blue-carnotstar .card__body {
  background-color: var(--bs-blue-carnostar);
}

.paragraph--type--card-expand.bg--deep-blue-carnotstar .card__body,
.paragraph.paragraph--type--card-square.bg--deep-blue-carnotstar .card__body,
.paragraph.paragraph--type--card.bg--deep-blue-carnotstar .card__body {
  background-color: var(--bs-deep-blue-carnostar);
}

/* ------------------------------------ *\
  == CTA
\* ------------------------------------ */

.bg--blue-carnotstar .cta__button,
.bg--yellow-carnotstar .cta__button {
  border-color: var(--bs-black);
}

.bg--deep-blue-carnotstar .cta__button:hover {
  border-color: var(--bs-white);
}

.bg--deep-blue-carnotstar.cta__arrow {
  color: var(--bs-white);
}

.bg--deep-blue-carnotstar .cta__arrow.bg--black {
  background-color: var(--bs-white);
}

.bg--deep-blue-carnotstar .cta__arrow.bg--black i {
  color: var(--bs-black);
}

/* ------------------------------------ *\
  == KEY FIGURE
\* ------------------------------------ */

.bg--yellow-carnotstar.paragraph--type--key-figure-item
  .field--name-field-key-figure-description {
  border-top: 1px solid var(--bs-black);
}

/* ------------------------------------ *\
  == LINK LIST
\* ------------------------------------ */

.paragraph--type--link-list.bg--deep-blue-carnotstar .paragraph .cta__text,
.paragraph--type--link-list.bg--deep-blue-carnotstar
  .paragraph
  .cta__text:hover,
.paragraph--type--link-list.bg--deep-blue-carnotstar
  .paragraph
  .cta__button::after,
.paragraph--type--link-list.bg--deep-blue-carnotstar.paragraph
  .paragraph.paragraph--type--file
  *,
.paragraph--type--link-list.bg--deep-blue-carnotstar.paragraph
  .paragraph.paragraph--type--file
  a::before {
  color: var(--bs-white);
}

.paragraph--type--link-list.bg--blue-carnotstar .paragraph .cta__text:hover,
.paragraph--type--link-list.bg--blue-carnotstar .paragraph .cta__button::after,
.paragraph--type--link-list.bg--blue-carnotstar.paragraph
  .paragraph.paragraph--type--file
  a,
.paragraph--type--link-list.bg--blue-carnotstar.paragraph
  .paragraph.paragraph--type--file
  a:before,
.paragraph--type--link-list.bg--yellow-carnotstar .paragraph .cta__text:hover,
.paragraph--type--link-list.bg--yellow-carnotstar
  .paragraph
  .cta__button::after,
.paragraph--type--link-list.bg--yellow-carnotstar.paragraph
  .paragraph.paragraph--type--file
  a,
.paragraph--type--link-list.bg--yellow-carnotstar.paragraph
  .paragraph.paragraph--type--file
  a:before {
  color: var(--bs-black);
}

/* ------------------------------------ *\
  == MINIPUSH
\* ------------------------------------ */

.minipush.bg--deep-blue-carnotstar,
.minipush.bg--blue-carnotstar,
.minipush.bg--yellow-carnotstar {
  background-color: var(--bs-white);
  color: var(--bs-black);
}

.minipush.bg--deep-blue-carnotstar:hover {
  background-color: var(--bs-deep-blue-carnostar);
  color: var(--bs-white);
}

.minipush.bg--blue-carnotstar:hover {
  background-color: var(--bs-blue-carnostar);
}

.minipush.bg--yellow-carnotstar:hover {
  background-color: var(--bs-yellow-carnostar);
}

/* ------------------------------------ *\
  == MOD02
\* ------------------------------------ */

.bg--blue-carnotstar .mod_02__block,
.bg--yellow-carnotstar .mod_02__block {
  border-left: 1px solid var(--bs-black);
}

/* ------------------------------------ *\
  == SEPARATOR
\* ------------------------------------ */

.bg--deep-blue-carnotstar .paragraph--type--separator hr {
  border-bottom: 1px solid var(--bs-white);
}

/* ------------------------------------ *\
  == TEXT
\* ------------------------------------ */

.bg--deep-blue-carnotstar h1,
.bg--deep-blue-carnotstar h2,
.bg--deep-blue-carnotstar h3,
.bg--deep-blue-carnotstar h4,
.bg--deep-blue-carnotstar h5,
.bg--deep-blue-carnotstar .paragraph--type--texte ul li::marker,
.bg--deep-blue-carnotstar.paragraph--type--texte ul li::marker,
.bg--deep-blue-carnotstar.paragraph--type--texte .field a:hover,
.bg--deep-blue-carnotstar.paragraph--type--texte .field a,
.bg--deep-blue-carnotstar.paragraph--type--texte .field a::after,
.hero-03 .bg--deep-blue-carnotstar .paragraph--type--texte .field a.link--tel,
.hero-03
  .bg--deep-blue-carnotstar
  .paragraph--type--texte
  .field
  a.link--tel:after {
  color: var(--bs-white);
}

.bg--yellow-carnotstar.paragraph--type--texte .field a:hover,
.bg--yellow-carnotstar.paragraph--type--texte .field a::after {
  color: var(--bs-black);
}

.bg--blue-carnotstar.paragraph--type--texte .field a:hover::after,
.bg--blue-carnotstar.paragraph--type--texte .field a:hover {
  color: var(--bs-black);
}