/* Generated from design-tokens.json; edit the JSON source. */
:root{--color-background:#17191c;--color-card:#222a32;--color-accordion:#202e3a;--color-text:#f3f5f7;--color-muted:#acbbc7;--color-line:#425564;--color-selection:#46cafa;--color-correct:#9bceb0;--color-incorrect:#dea0a8;--type-mobile-heading-px:20px;--type-mobile-prompt-px:14px;--type-math-base-px:28px;--type-math-minimum-fitting-px:14px;--type-matching-minimum-px:18px;--type-matching-mobile-base-px:21px;--layout-catalog-max-px:1100px;--layout-lesson-max-px:700px;--layout-mobile-gutter-px:20px;--layout-cta-height-px:52px;--layout-keypad-key-height-px:44px;--layout-card-radius-px:14px;--layout-progress-height-px:7px;--layout-matching-mobile-height-px:112px;--layout-matching-desktop-height-px:140px;--layout-selection-border-px:3px;--layout-selection-inset-ring-px:1px;--layout-keyboard-focus-outline-px:2px;--motion-accordion-height-ms:260ms;--motion-accordion-opacity-ms:200ms}
body{background:var(--color-background);color:var(--color-text);font-family:Segoe UI, Arial, sans-serif}
.c-card,.c-option{background:var(--color-card);border-color:var(--color-line)}
.c-catalog{max-width:var(--layout-catalog-max-px)}.c-lesson{max-width:var(--layout-lesson-max-px)}
.c-check{min-height:var(--layout-cta-height-px)}.c-keypad button{height:var(--layout-keypad-key-height-px)}
.c-feedback.c-correct{border-color:var(--color-correct)}.c-feedback.c-correct strong{color:var(--color-correct)}
.c-feedback.c-wrong{border-color:var(--color-incorrect)}.c-feedback.c-wrong strong{color:var(--color-incorrect)}
.c-option[aria-pressed=true],.c-multi[aria-checked=true]{border-color:var(--color-selection)}
.c-group-panel{transition-duration:var(--motion-accordion-height-ms),var(--motion-accordion-opacity-ms)}
@media(prefers-reduced-motion:reduce){.c-group-panel{transition:none}}