/* V87 – alleen herstel van de kleurenmodi in Oefentrade en de begrippenhulp. */
/* De oudere Oefentrade-styles definiëren eigen kleuren; die overschreven de gebruikersinstelling. */
html[data-color-mode="redgreen"] #paper{
  --green:#176fc2;--red:#cf8200;--blue:#176fc2;--purple:#7650ba;
}
html[data-color-mode="blueyellow"] #paper{
  --green:#2774e8;--red:#dfaa00;--blue:#2774e8;--purple:#7554b9;
}
html[data-color-mode="contrast"] #paper{
  --green:#007ab8;--red:#ad5700;--blue:#005fc5;--purple:#6c32b9;
}
/* De hoofdchart heeft hardgecodeerde SVG-attributen; ook die schakelen mee. */
html[data-color-mode="redgreen"] #paper .market-svg .body[fill="#18A66A"]{fill:#176fc2!important}
html[data-color-mode="redgreen"] #paper .market-svg .body[fill="#EE4D4D"]{fill:#cf8200!important}
html[data-color-mode="redgreen"] #paper .market-svg .wick[stroke="#18A66A"]{stroke:#176fc2!important}
html[data-color-mode="redgreen"] #paper .market-svg .wick[stroke="#EE4D4D"]{stroke:#cf8200!important}
html[data-color-mode="blueyellow"] #paper .market-svg .body[fill="#18A66A"]{fill:#2774e8!important}
html[data-color-mode="blueyellow"] #paper .market-svg .body[fill="#EE4D4D"]{fill:#dfaa00!important}
html[data-color-mode="blueyellow"] #paper .market-svg .wick[stroke="#18A66A"]{stroke:#2774e8!important}
html[data-color-mode="blueyellow"] #paper .market-svg .wick[stroke="#EE4D4D"]{stroke:#dfaa00!important}
html[data-color-mode="contrast"] #paper .market-svg .body[fill="#18A66A"]{fill:#007ab8!important;stroke:#003c60;stroke-width:1.5}
html[data-color-mode="contrast"] #paper .market-svg .body[fill="#EE4D4D"]{fill:#f0ae28!important;stroke:#774500;stroke-width:1.5}
html[data-color-mode="contrast"] #paper .market-svg .wick[stroke="#18A66A"]{stroke:#007ab8!important;stroke-width:2}
html[data-color-mode="contrast"] #paper .market-svg .wick[stroke="#EE4D4D"]{stroke:#ad5700!important;stroke-width:2}
/* Winst/verlieszones waren eveneens vaste rood/groentinten. */
html[data-color-mode="redgreen"] #paper .profit{background:rgba(23,111,194,.21)}
html[data-color-mode="redgreen"] #paper .loss{background:rgba(207,130,0,.22)}
html[data-color-mode="blueyellow"] #paper .profit{background:rgba(39,116,232,.21)}
html[data-color-mode="blueyellow"] #paper .loss{background:rgba(223,170,0,.27)}
html[data-color-mode="contrast"] #paper .profit{background:repeating-linear-gradient(45deg,rgba(0,122,184,.25),rgba(0,122,184,.25) 8px,transparent 8px,transparent 15px)}
html[data-color-mode="contrast"] #paper .loss{background:repeating-linear-gradient(-45deg,rgba(240,174,40,.27),rgba(240,174,40,.27) 8px,transparent 8px,transparent 15px)}
/* In de oude JS was er voor vraagtekens geen click-handler of zichtbare focus. */
#paper .paper-help.term,.paper-help.term[data-bob-extra-help]{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;min-width:22px;min-height:22px;padding:0 5px;margin-left:3px;border:1px solid #617ba2;border-radius:50%;background:#fff;color:#174f9b;font-size:12px;font-weight:800;line-height:1.1;font-family:inherit;cursor:pointer}
#paper .paper-help.term:hover,.paper-help.term[data-bob-extra-help]:hover{background:#e6f1ff}
#paper .paper-help.term:focus-visible,.paper-help.term[data-bob-extra-help]:focus-visible{outline:3px solid #175bce;outline-offset:3px}
#paper .paper-term-dialog,.paper-term-dialog[data-bob-shared-help]{padding:0;border:0;border-radius:16px;max-width:min(440px,calc(100vw - 28px));width:100%;color:#18304d;background:#fff;box-shadow:0 18px 60px #0006}
#paper .paper-term-dialog::backdrop,.paper-term-dialog[data-bob-shared-help]::backdrop{background:rgba(1,16,37,.7)}
#paper .paper-term-dialog-inner,[data-bob-shared-help] .paper-term-dialog-inner{padding:22px 24px}
#paper .paper-term-dialog h3,[data-bob-shared-help] h3{margin:0 30px 10px 0;font-size:1.22rem;color:#103f75}
#paper .paper-term-dialog p,[data-bob-shared-help] p{margin:0;color:#253f5d;line-height:1.6}
#paper .paper-term-close,[data-bob-shared-help] .paper-term-close{float:right;border:1px solid #b8c7dd;border-radius:8px;min-width:38px;min-height:38px;background:#eff5ff;color:#183e78;font-weight:800;cursor:pointer}
#paper .paper-term-close:focus-visible,[data-bob-shared-help] .paper-term-close:focus-visible{outline:3px solid #175bce;outline-offset:2px}