/* Original light design with soft grey surfaces instead of white. */
:root{color-scheme:light;--green:#45b82d;--dark:#142c24;--ink:#17332a;--blue:#1763a9;--muted:#53645b;--line:#cbd2ce;--cream:#e2e6e3;--page:#e8ebe9;--surface:#eef0ee}
html,body{background:var(--page)}
header{background:#e8ebe9f5}
.hero{background:linear-gradient(110deg,#e8ebe9 20%,#e2e8df)}
.floatcard{background:#edf0eaf5;border-color:#cbd4c8}
.strip{background:#dde3de}.strip>span{color:var(--muted)}
.filters button,.module,.game-card,.language-control,.language-control option{background:var(--surface)}
.filters .active{background:var(--dark);color:#fff}
.game-art i{background:#e8ebe9}
footer{background:#e2e6e3}
.brand img,footer img{border-radius:4px;filter:brightness(.93)}
dialog{background:var(--surface)}
.modal-top{background:#e5e9e5}
.modal-top button{background:#d7dfd7;color:var(--ink)}
.example{background:#dfe7dc}
.choices button{background:#e3e8e1;color:var(--ink)}
.choices button:hover:not(:disabled){background:#d9e4d4}
.choices .selected{background:#d6e6c9;border-color:#317b25}
.feedback{background:#dce8d2}.feedback.wrong{background:#efe1d5}
.message small{background:#dde4dc}
progress{background:#cbd4cb;accent-color:var(--green)}
progress::-webkit-progress-bar{background:#cbd4cb;border-radius:8px}
progress::-webkit-progress-value{background:#45b82d;border-radius:8px}
progress::-moz-progress-bar{background:#45b82d;border-radius:8px}
::selection{background:#c5dda9;color:#17332a}