:root {
  --focus-rgb: 253, 208, 54;
  --theme-primary-color: #FDD036;
  --btn-text-color: #000;
  --btn-icon-pdf: url(../img/btn-pdf__black.svg);
  --body-bg-color: #CAEEF6;
  --connector-bg-color: #005486;
  --hero-bg-color: #29C3E3;
  --hero-bg-image: url(../img/themes/volet17/header-texture.svg);
  --hero-title-bg-image: url(../img/themes/volet17/title-bg.svg);
  --section-bg-color-even: #ADE7F3;
  --section-bg-image-even: url(../img/themes/volet17/texture__section--even.svg);
  --section-bg-image-odd: url(../img/themes/volet17/texture__section--odd.svg);
  --section-etape-bg-image: url(../img/themes/volet17/etape-bg.svg);
  --section-last-texture-image: url(../img/themes/volet17/last-section-texture.svg);
  --question-border-top-image: url(../img/themes/volet17/questions-border-top.svg);
  --question-border-bottom-image: url(../img/themes/volet17/questions-border-bottom.svg);
  --question-icon-image: url(../img/themes/volet17/questions-icon.svg);
}

.btn-primary {
  --bs-btn-color: var(--btn-text-color);
  --bs-btn-bg: #FDD036;
  --bs-btn-border-color: #FDD036;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e9b502;
  --bs-btn-hover-border-color: #e9b502;
  --bs-btn-focus-shadow-rgb: var(--focus-rgb);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #e9b502;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #FDD036;
  --bs-btn-disabled-border-color: #FDD036;
}