@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro&family=Raleway&display=swap');

:root {
	--textStyle: "Raleway", serif;
	--titleStyle: "Crimson Pro", serif;
	--fontSize: 1.1em;
	--maxWidth: 60rem;
	--menuWidth: 20rem;
}

html[data-theme='light'] {
	--homeBG: #d9e6f3;

	--linkColor: #c1002a;

	/*--btnBG: #ecf2f9;*/

	--borderColor: #c5cdd1;

	--toolboxBG: #dce8f4;
	--toolboxFG: #11304c;
	--toolboxActiveBG: #a1c2e2;
	--toolboxActiveFG: #11304c;

	--contentBG: #f1f5fa;
	--contentFG: #12314d;
	--contentLightFG: #b7c0c9;
					
	--accentDarkBG: #c1002a;
	--accentDarkFG: #FFFFFF;
	--accentLightBG: #c6daed;
	--accentLightFG: #11304c;

	--pBkText: #a86290;
	--pBkTextLight: #E8DFFF;
	--pBkDemo: #3b4395;
	--pBkDemoLight: #e0e8fb;
	--pBkExpression: #85a34b;
	--pBkExpressionLight: #ebf9d2;
	--pBkWarning: #fe7429;
	--pBkWarningLight: #fef1e9;
	--pBkComplement: #adaf1a;
	--pBkComplementLight: #FFF9C6;

	--headerBG: #f1f5fa;
	--headerFG: #12314d;

	--footerBG:#f1f5fa;
	--footerFG:#11304c;

	--schBG:#c6daed;
	--schLightBG:#a1c2e2;
	--schCurrentBG:#dddc00;
	--schFG:#11304c;

	--quizAnswerBG:#e5f0eb;
	--quizAnswerFG:#00713c;
	--quizWorstFG:#c1002a;
	--quizWorstBG:#d8dee0;
	--quizBadFG:#eb9000;

	--segmentUndone:#667a86;
	--segmentDone:#5691ca;
	--segmentActive:#b4cee7;

	--inputBG:#d9e6f3;
	--inputBorder:#4485c5;
	--inputFocus:#c1002a;

	--progressFG: #AD364B;
}

html[data-theme='dark'] {
	--homeBG:#405a68;

	--linkColor:#dddc00;

	/*--btnBG:#ecf8f6;*/

	--borderColor: #405a68;

	--toolboxBG:#405a68;
	--toolboxFG:#ecf6f8;
	--toolboxActiveBG:#dddc00;
	--toolboxActiveFG:#11304c;

	--contentBG:#11304c;
	--contentFG: #ecf6f8;
	--contentLightFG: #11304c;

	--accentDarkBG:#dddc00;
	--accentDarkFG:#11304c;
	--accentLightBG:#667a86;
	--accentLightFG:#ecf6f8;

	--pBkText:#e7c8ff;
	--pBkTextLight:#a86290;
	--pBkDemo:#d0d3fb;
	--pBkDemoLight:#6268aa;
	--pBkExpression:#ebffd1;
	--pBkExpressionLight:#acce69;
	--pBkWarning:#fed5be;
	--pBkWarningLight:#fe7429;
	--pBkComplement:#f2ebab;
	--pBkComplementLight:#adaf1a;

	--headerBG:#11304c;
	--headerFG:#ecf6f8;

	--footerBG:#11304c;
	--footerFG:#e7eaed;

	--schBG:#11304c;
	--schLightBG:#667a86;
	--schCurrentBG:#dddc00;
	--schFG:#ecf6f8;

	--quizAnswerBG:#00713c;
	--quizAnswerFG:#2deb93;
	--quizWorstFG:#f2ccd4;
	--quizWorstBG:#405a68;
	--quizBadFG:#ffa30f;

	--segmentUndone:#28445d;
	--segmentDone:#798b95;
	--segmentActive:#eaea66;

	--inputBG:#28445d;
	--inputBorder:#798b95;
	--inputFocus:#dddc00;

	--progressFG: #FF94A7;
}

@font-face {
  font-family: 'mapleLight';
  src: url('../res/Maple-Light.otf');
}

html{
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.home #root {
  background:url("../res/leCnam_logo_rouge.svg") right 1.5cm top 1cm / auto 1cm no-repeat
}

[data-theme="dark"] .home #root {
  background-image:url("../res/leCnam_logo_blanc.svg")
}

.default #menu {
    background-image: url("../res/FacadeCnamRouge.svg");
    background-repeat: no-repeat;
    background-position: bottom left -13cm;
    background-size: auto 6cm;
  height:100%
}

[data-theme="dark"] .default #menu {
    background-image: url("../res/FacadeCnamBlanc.svg");
}

.rBk {
    margin-block-end: 0.5em;
}

.coQuiz .quizBody > .question {
    font-size: 100%;
}

.subQuiz_ti {
    color: var(--contentFG);
    font-size: 1.4em;
}

.default #tools a.item, #footer a, menu button {
    color: var(--linkColor) !important;
}

.default #header h1, .sco #header h1 {
    font-family: var(--titleStyle);
  font-weight:bold
}

.txtRes figure:not(.mindMap):not(.latex) > div {
    border: 0;
    background-color: transparent;
}

.txtRes:has(.img.lft) {
    grid-template-columns: min-content auto;
}

.txtRes:has(.img.rgt) {
    grid-template-columns: auto min-content;
}

.txtRes > .img img{
  max-width:unset !important;
}

.iBk {
/*    border: 1px solid transparent;
    margin-block: 0.4em;*/
}

.iBk .rBk, .hBk .rBk {
    margin-block: 0.5em;
    border: 1px solid transparent;
}

.home section.article .hBk_co .logo img {
    max-height: 60vh;
}

.home #root:after {
    content: "";
    position: absolute;
    right: 1.4cm;
    top: 2.2cm;
    color: #405a68;
    font-size: 2.33rem;
    font-family: "mapleLight";
  line-height: 1em;
  text-align: right;
}

[data-theme="dark"] .home #root:after {
    color: white;
}

/*pour améliorer la lisibilité en mode ligne de couleur : pb mode sombre*/
[data-theme="dark"] .dysAltLineColor_true .scroller .dysColor_0{
color: #fab3B;
}

[data-theme="dark"] .dysAltLineColor_true .scroller .dysColor_1 {
color: #b3e6b3;
}
 
[data-theme="dark"] .dysAltLineColor_true .scroller .dysColor_2 {
color: #d0d0e8
}

@media (max-width: 850px) {
  .home #root {
    background-position: right 0.8cm top 0.5cm;
    background-size: auto 0.7cm;
  }

  .home #root:after {
    right: 0.8cm;
    top: 1.4cm;
    font-size: 1.43rem; 
}
}