/* BobCopilot — gerichte WCAG / online leerroute herstelronde, 16 oktober 2026. */
/* Negatieve en positieve procentcijfers voldoende donker op witte vlakken. */
html[data-theme="light"][data-color-mode="redgreen"]{--red:#8a5600;--green:#135f93}
html[data-theme="light"][data-color-mode="blueyellow"]{--red:#8a5b00;--green:#135f93;--amber:#8a5b00}
html[data-theme="light"][data-color-mode="contrast"]{--red:#8a5600;--green:#135f93;--muted:#293b4c}
/* Op donkere achtergronden blijven de kleurprofielen helder en tekst leesbaar. */
html[data-theme="dark"][data-color-mode="redgreen"]{--red:#ffd36b;--green:#80c7ff}
html[data-theme="dark"][data-color-mode="blueyellow"]{--red:#ffe589;--green:#80c7ff}
html[data-theme="dark"][data-color-mode="contrast"]{--red:#ffd36b;--green:#80c7ff}
html[data-theme="light"][data-color-mode="blueyellow"] #markt :is(.liq-type-short,.liq-cell.short b,.liq-zone-cell.above small),
html[data-theme="light"][data-color-mode="blueyellow"] #minihodl :is(.negative,.down){color:#8a5b00!important}
html[data-theme="light"][data-color-mode="contrast"] #markt :is(.liq-type-long,.liq-cell.long b){color:#135f93!important}
html[data-theme="light"][data-color-mode="contrast"] #markt :is(.liq-type-short,.liq-cell.short b){color:#8a5600!important}
html[data-theme="dark"] #paper #practicePane-live .paper-side .direction.long.selected{color:#a0f5cb!important}
/* De gekozen instelling is zichtbaar én met aria-pressed identificeerbaar. */
#settings .color-mode-btn[aria-pressed="true"],#settings .theme-choice[aria-pressed="true"]{outline:2px solid currentColor;outline-offset:2px}
#settings .color-mode-btn:focus-visible,#settings .theme-choice:focus-visible{outline:3px solid #2785e6;outline-offset:3px}
.modal[role="presentation"] .modal-card[role="dialog"]:focus-visible{outline:3px solid #3395ee;outline-offset:3px}
/* Geen overlappende handgeschreven zin boven de startknoppen. */
.public-home .showcase-copy .hero-hand{position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;display:block!important;transform:none!important;margin:8px 0 16px!important;max-width:100%;font-size:1rem;line-height:1.45}
.public-home .showcase-copy .hero-actions{position:relative;z-index:2}
.public-home .top-nav .community-pending{display:inline-flex;align-items:center;color:var(--muted);font-size:.88em;cursor:default}
/* De afronding staat als duidelijke knop naast de lesnavigatie. */
#courseView .v47-nav .v98-complete{white-space:normal;min-height:44px}
#courseView .v47-nav .v98-complete:disabled{opacity:1;background:rgba(26,143,104,.16);color:inherit;border-color:rgba(26,143,104,.52)}
@media(min-width:701px){#courseView .v47-nav{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);align-items:center}}
@media(max-width:700px){#courseView .v47-nav{display:flex;flex-direction:column;gap:12px}#courseView .v47-nav>*{width:100%}}
/* Ook in de standaardmodus zijn gewone procentcijfers tekst en vereisen ze 4,5:1. */
html[data-theme="light"][data-color-mode="standard"]{--green:#096b45;--red:#a52b31}
html[data-theme="dark"][data-color-mode="standard"]{--green:#50d5a0;--red:#ff8790}
/* Oudere, hardgecodeerde legendarische kleuren per profiel mogen niet op witte vlakken verbleken. */
html[data-theme="light"][data-color-mode="blueyellow"] #markt .liq-zone-cell.below small .zone-kind{color:#135f93!important}
html[data-theme="light"][data-color-mode="blueyellow"] #markt .liq-zone-cell.above small .zone-kind{color:#8a5b00!important}
/* De oefenknoppen zijn op tablet/touch gericht, ook bij A++. */
#paper #practicePane-live .chart-controls button,
#paper #practicePane-live .timeframe-switch button{min-width:44px;min-height:44px;font-size:max(.87em,14px)}