
/* Shared course branding: loaded after each module's native stylesheet. */
:root{--course-primary:#397fe0;--course-secondary:#83baff;--course-background:#081822;--course-surface:#102735;--course-text:#f0f7ff;--course-border:#31516a;--course-on-primary:#ffffff;--mint:var(--course-secondary);--blue:var(--course-secondary);--accent:var(--course-primary)}
body{background:var(--course-background)!important;color:var(--course-text)!important}
button.active,.nav-btn.active,[aria-selected="true"]{border-color:var(--course-primary)!important}
button:hover,a:hover{border-color:var(--course-secondary)}
.branding-mark{max-width:135px;max-height:58px;object-fit:contain;background:#fff;border-radius:8px;padding:5px;vertical-align:middle}
/* Preserve existing module layouts; unify accent colors and common controls. */
button.primary,.primary,.btn-primary,button[type="submit"]{background:var(--course-primary)!important;color:var(--course-on-primary)!important}
input:focus,select:focus,textarea:focus{outline-color:var(--course-secondary)!important}
