/*Font*/
html {
  --fontBase: "IBMPlexSansArabic";
  --fontBold: "IBMPlexSansArabicBold";
}

html[lang=fr-FR] {
  --fontBase: OpenSans,IBMPlexSansArabic;
  --fontBold: OpenSansBold, IBMPlexSansArabicBold;
}

/*$card-cap-padding-y: $card-spacer-y * .5;
$card-cap-padding-x: $card-spacer-x;*/
/*$card-cap-bg: rgba($black, .03);*/
/*$card-img-overlay-padding: $spacer;
$card-group-margin: $grid-gutter-width * .5;*/
.secondary-container {
  color: #F0EEF9;
}

.secondary-light {
  color: #CFC6EC;
}

.secondary-dark {
  color: #7751B0;
}

.secondary-onContainer {
  color: #533979;
}

.success-container {
  color: #BCDAC6;
}

.success-light {
  color: #A5CDB2;
}

.success-dark {
  color: #2B6B3F;
}

.success-onContainer {
  color: #1F4D2D;
}

.info-container {
  color: #D1E6FF;
}

.info-light {
  color: #75B4FF;
}

.info-dark {
  color: #0055BD;
}

.info-onContainer {
  color: #002C60;
}

.warning-container {
  color: #FFF1D6;
}

.warning-light {
  color: #FDCF72;
}

.warning-dark {
  color: #96530F;
}

.warning-onContainer {
  color: #663B0F;
}

.danger-container {
  color: #FBD6D5;
}

.danger-light {
  color: #F38283;
}

.danger-dark {
  color: #AB1214;
}

.danger-onContainer {
  color: #58080B;
}

.font-brand {
  color: #08b0a2;
}

.font-gray {
  color: #979797;
}

.border-bottom-brand {
  border-bottom: 4px solid #08b0a2;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.left {
  float: right;
  clear: right;
}