:root {
  --focus-rgb: 204, 78, 0;
  --theme-primary-color: rgb(204, 78, 0);
  --theme-secondary-color: rgb(92, 103, 165);
  --body-bg-color: rgb(240, 214, 144);
  --header-bg-color: rgb(240, 238, 231);
  --header-title-bg-color: rgb(92, 103, 165);
  --header-title-color: #fff;
  --activite-title-bg-color: rgb(92, 103, 165);
  --activite-title-color: #fff;
  --activite-title-border-color: #fff;
  --activite-arrow-next-url: url(../img/themes/ccq3/arrow-next-step.svg);
  --activite-temps-icono-url: url(../img/themes/ccq3/activite-temps.svg);
  --activite-realisation-individuel-icono-url: url(../img/themes/ccq3/activite-individuel.svg);
  --activite-realisation-dyade-icono-url: url(../img/themes/ccq3/activite-dyade.svg);
  --activite-realisation-petit-groupe-icono-url: url(../img/themes/ccq3/activite-petit-groupe.svg);
  --activite-realisation-groupe-classe-icono-url: url(../img/themes/ccq3/activite-groupe-classe.svg);
  --bao-bg-color: rgb(92, 103, 165);
  --bao-box-bg-color: rgb(240, 214, 144);
  --bao-icono-url: url(../img/themes/ccq3/BAO_icono.png);
  --btn-bg-color: rgb(204, 78, 0);
  --btn-bg-color-hover: #993b00;
  --footer-bg-color: rgb(57, 57, 57);
  --footer-color: #fff;
}

:root {
  --top-nav-bg-color: rgb(57, 57, 57);
  --consigne-bg-color: rgb(240, 214, 144);
  --description-border-color: rgb(240, 238, 231);
  --description-arrow-icono-url: url(../img/themes/ccq3/arrow-consigne.svg);
  --transcript-section-border-color: rgb(240, 238, 231);
  --transcript-btn-bg-color: rgb(240, 238, 231);
  --transcript-btn-bg-color-hover: #dcd8c8;
  --transcript-btn-border-color: #eeece4;
  --transcript-btn-border-color-hover: #dcd8c8;
  --splide-track-border-color: rgb(240, 238, 231);
  --splide-dot-btn-bg-color: #dcd8c8;
  --splide-dot-btn-bg-color-active: rgb(92, 103, 165);
  --splide-arrow-btn-bg-color: rgb(240, 238, 231);
  --splide-arrow-btn-bg-color-hover: #e4e1d4;
  --plyr-color-main: rgb(204, 78, 0);
  --questions-bg-color: rgb(92, 103, 165);
  --list-marker-bg-color: rgb(92, 103, 165);
  --list-marker-color: #fff;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: rgb(204, 78, 0);
  --bs-btn-border-color: rgb(204, 78, 0);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #993b00;
  --bs-btn-focus-shadow-rgb: 204,78,0;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #993b00;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgb(204, 78, 0);
  --bs-btn-disabled-border-color: rgb(204, 78, 0);
}

:root {
  --r-main-font-size: 1.25rem;
  --r-link-color: rgb(92, 103, 165);
  --r-link-color-dark: #404874;
  --r-link-color-hover: #404874;
}