/* KNOOBI foundations from Figma27:113, controls from47:2228.
   This migrates the existing whole-paper study experience; the complete dashboard is a later implementation. */
:root {
 --bg:var(--knoobi-color-muted); --surface:var(--knoobi-color-background);
 --ink:var(--knoobi-color-foreground); --strong:var(--knoobi-color-foreground);
 --muted:var(--knoobi-color-mutedText); --border:var(--knoobi-color-border);
 --accent:var(--knoobi-color-brand); --accent-soft:var(--knoobi-color-brandSoft);
 --green:var(--knoobi-color-success); --green-soft:var(--surface); --red:var(--knoobi-color-error); --red-soft:var(--surface); --amber:var(--knoobi-color-warning); --amber-soft:var(--bg);
 --radius:var(--knoobi-radius-panel); --radius-control:var(--knoobi-radius-control); --radius-button:var(--knoobi-radius-button);
}
.brand img {display:block;max-width:none}
.site-header {background:var(--surface)}
.button {box-shadow:none;border-color:var(--knoobi-color-controlBorder)}
.button.primary {border-color:transparent}
.button:not(:disabled):hover {transform:none;box-shadow:none}
.primary:not(:disabled):hover {background:var(--knoobi-color-brandHover)}
.primary:not(:disabled):active {background:var(--knoobi-color-brandPressed)}
.secondary:not(:disabled):hover {background:var(--accent-soft)}
.option,.review-option {border-radius:var(--knoobi-radius-answer)}
.option {border-color:transparent;box-shadow:inset 0 -1px var(--border)}
.option:has(input:checked) {background:var(--accent-soft);border-color:transparent}
.option:hover,.option:focus-within {outline:1px solid var(--accent);outline-offset:-1px}
.solution-idea,.map-center {color:var(--ink)}
.thinking-flow li {border-color:var(--border);background:var(--accent-soft)}
.solution-check {background:var(--bg);border-color:var(--accent)}

.review-option.correct,.review-option.wrong {border-color:var(--border)}