:root {
  --skili-background-color: #231f20;
  --skili-color: white;
  --skili-primary-accent: rgb(0, 90, 122);
  --skili-secondary-accent: #685050;
  --skili-help: rgb(0, 170, 233);
  --skili-info: #2D9CDB;
  --skili-choice-button-arrow-color: #7F6C6C;
  --skili-loader-accent: rgba(104, 80, 80, 0.6);

  --skili-element-background-color: #231f20;
  --skili-element-border: 2px solid rgb(0, 170, 233);
  --skili-choice-button-arrow-color: rgba(255,255,255,0.8);

  --skili-element-hover-outline: rgb(0, 170, 233 , 0.2) solid 6px;
  --skili-element-focus-outline: rgb(0, 170, 233 , 0.4) solid 6px;
  --skili-element-active-outline: rgb(0, 170, 233 , 0.6) solid 6px;

  --skili-result-button-border-bottom: 1px solid rgb(0, 170, 233 , 0.4);

  --skili-border-radius: 10px;
  --skili-element-box-shadow: none;

  --skili-logo-width: auto;
  --skili-logo-max-width: calc(100% - 2rem);
  --skili-logo-vertical-margin: 3rem;

  --skili-mobile-background-position: absolute;
  --skili-mobile-background-top: auto;
  --skili-mobile-background-bottom: -25vw;
  --skili-mobile-background-left: 50%;
  --skili-mobile-background-right: auto;
  --skili-mobile-background-width: 100%;
  --skili-mobile-background-max-width: 100%;
  --skili-mobile-background-height: auto;
  --skili-mobile-background-max-height: none;
  --skili-mobile-background-transform: translateX(-45%);

  --skili-desktop-background-position: absolute;
  --skili-desktop-background-top: 60%;
  --skili-desktop-background-bottom: auto;
  --skili-desktop-background-left: 45%;
  --skili-desktop-background-right: auto;
  --skili-desktop-background-width: 100%;
  --skili-desktop-background-max-width: 1920;
  --skili-desktop-background-height: auto;
  --skili-desktop-background-max-height: none;
  --skili-desktop-background-transform: none;

  --skili-action-button-background-color: rgb(0, 170, 233);

  --skili-action-button-hover-background-color: rgb(0, 158, 216);
  --skili-action-button-active-background-color: rgb(0, 132, 180);

  --skili-civilite-border-color: 2px solid rgb(0, 170, 233);

  --skili-help-button-hover-background-color: rgb(0, 158, 216);
  --skili-help-button-active-background-color: rgb(0, 132, 180);

  --skili-calendar-day-hover-background-color: rgba(33, 198, 165, 0.3);
  --skili-calendar-today-border: 2px solid rgba(33, 198, 165, 0.4);
  --skili-selected-day-background: rgba(33, 198, 165, 0.9);

  --skili-line-separator-color: rgb(0, 170, 233 , 0.4);

  /* --skili-element-card-background-color: #302c2d; */
  --skili-element-card-border-radius: 10px;
  --skili-element-card-box-shadow: 0 0 0 2px #555556;
}