@import url('../brand-tokens.css');
:root,.admin-shell{--purple:var(--brand-primary);color:var(--brand-ink);background:var(--brand-paper)}
body,.admin-content{background:var(--brand-paper);color:var(--brand-ink)}
.admin-shell aside,aside{background:var(--brand-ink);color:var(--brand-on-dark);border-color:#414650}
.admin-shell .brand,.admin-shell .nav a,.admin-shell .account{color:var(--brand-on-dark)}
.admin-shell .brand small,.admin-shell .nav-group,.admin-shell .account span{color:#c2c5ce}
.brand-mark{background:var(--brand-primary)}
.admin-shell .nav a.active,.admin-shell .nav a:hover,.nav a.active,.nav a:hover{background:#3a355c;color:#fff}
.admin-shell .account button{background:#353841;color:var(--brand-on-dark)}
.admin-top,.card,.content-block,.outline-panel,.admin-course-card{background:var(--brand-surface);border-color:var(--brand-line)}
button:not(.secondary):not(.danger):not(.link):not(.outline-item):not([data-tab]):not(#logout),.button:not(.secondary){background:var(--brand-primary);color:#fff}
button:not(.secondary):not(.danger):not(.link):not(.outline-item):not([data-tab]):not(#logout):hover,.button:not(.secondary):hover{background:var(--brand-hover)}
button.secondary,.button.secondary{background:var(--brand-soft);color:var(--brand-hover);border-color:var(--brand-line)}
.admin-shell .editor-tabs button.selected,.admin-tabs .selected,.outline-item.selected,.lesson-link.active{background:var(--brand-soft);color:var(--brand-hover);border-color:var(--brand-primary)}
.student-name,.stat,.link,.back-link{color:var(--brand-hover)}
.course-art,.course-cover{background:linear-gradient(125deg,var(--brand-ink),#494169);color:#fff}.course-art strong,.course-art span{color:#fff}
.lesson-drop,.video-uploader{background:#f7f6fc;border-color:var(--brand-focus);color:var(--brand-hover)}
input,textarea,select{color:var(--brand-ink);border-color:var(--brand-line)}
p,.meta,.small,.admin-tabs>button{color:var(--brand-muted)}
.admin-shell .account .small,.course-cover .small{color:#c2c5ce}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--brand-focus);outline-offset:3px}
progress{accent-color:var(--brand-primary)}