html.light {--brand:193 16 32!important;--brand-soft:139 12 25!important;--accent:193 16 32!important;--up:21 128 61;--down:190 18 35;--bg-base:248 248 248;--bg-panel:255 255 255;--bg-elev:246 246 246;--line:225 225 225;--ink:28 28 30;--ink-dim:90 90 96;--ink-faint:111 111 119;}
#root>div.grid>div:first-child>div.absolute {background:linear-gradient(135deg,#fff 10%,#fbecef 100%)!important;}
#root>div.grid>div:first-child>div.absolute:nth-last-of-type(2),#root>div.grid>div:first-child>div.absolute:nth-last-of-type(3){background:transparent!important;}
#root>div.grid>div:first-child .text-white {color:#a20e1c!important;}
#root>div.grid>div:first-child [class*="text-white/"] {color:#56545a!important;}
#root>div.grid>div:first-child [class*="bg-white/"] {background:#fff9!important;}
#root>div.grid>div:first-child [class*="border-white/"] {border-color:#eacdd0!important;}
#root>div.grid>div:first-child svg g {fill:#d49aa0!important;}
.panel{box-shadow:0 2px 12px rgb(30 20 24 / .055)!important;}
.btn-brand{box-shadow:0 3px 12px rgb(193 16 32 / .14)!important;}

html.dark{--brand:255 113 128!important;--brand-soft:255 153 163!important;--accent:255 113 128!important;}
.dark .btn-brand,.dark button.bg-brand{background-color:#c11020;color:white;box-shadow:0 3px 12px rgb(193 16 32 / .14)!important}
.dark .brand-gradient{background:linear-gradient(135deg,#c11020,#8b0c19)}
.dark .panel{box-shadow:0 2px 12px rgb(0 0 0 / .14)!important}

/* Proposition de fond : aucun changement de position des éléments du produit. */
#root>div.grid>div:first-child>svg{display:none!important}
#root>div.grid>div:first-child>div.absolute:first-of-type{background:url("/instance/math-capital/login-trader.png") right center/cover no-repeat!important}
html.light #root>div.grid>div:first-child>div.absolute:nth-of-type(2){background:linear-gradient(90deg,rgb(255 252 252 / .96) 0%,rgb(255 252 252 / .87) 38%,rgb(255 252 252 / .25) 70%,transparent 100%)!important}
html.light #root>div.grid>div:first-child>div.absolute:nth-of-type(3){background:linear-gradient(180deg,rgb(255 255 255 / .1),transparent 55%,rgb(255 247 247 / .15))!important}
html.dark #root>div.grid>div:first-child>div.absolute:nth-of-type(2){background:linear-gradient(90deg,rgb(7 11 18 / .97) 0%,rgb(7 11 18 / .88) 38%,rgb(7 11 18 / .48) 70%,rgb(7 11 18 / .16) 100%)!important}
html.dark #root>div.grid>div:first-child>div.absolute:nth-of-type(3){background:linear-gradient(180deg,rgb(7 11 18 / .08),transparent 55%,rgb(7 11 18 / .35))!important}
html.dark #root>div.grid>div:first-child .text-white{color:#fff!important}
html.dark #root>div.grid>div:first-child [class*="text-white/"]{color:rgb(255 255 255 / .78)!important}
html.dark #root>div.grid>div:first-child [class*="bg-white/"]{background:rgb(255 255 255 / .06)!important}
html.dark #root>div.grid>div:first-child [class*="border-white/"]{border-color:rgb(255 255 255 / .13)!important}
@media(max-width:1023px){
 html.light #root>div.grid>div:last-child{background:linear-gradient(rgb(255 255 255 / .94),rgb(255 248 248 / .91)),url("/instance/math-capital/login-trader.png") 78% center/cover no-repeat!important}
 html.dark #root>div.grid>div:last-child{background:linear-gradient(rgb(10 14 22 / .94),rgb(10 14 22 / .9)),url("/instance/math-capital/login-trader.png") 78% center/cover no-repeat!important}
}