/* Palette sampled from admin/public/icon.png. Dark blue is the accessible action shade. */
:root{--brand-primary:#33aff2;--brand-secondary:#ffd276;--brand-outline:#3b0176;--brand-action:#08699e;--brand-action-hover:#07547e;--brand-soft:#eaf7fe;--brand-warm:#fff5df;--brand-line:#cce5f3;--purple:var(--brand-action);--yellow:var(--brand-secondary);--blue:var(--brand-primary);--lavender:var(--brand-soft)}
.brand-icon{display:inline-block;width:44px;height:44px;object-fit:contain;flex:none;vertical-align:middle}
:is(.brand-mark,.brand-symbol,.logo-mark,.mark):has(.brand-icon){background:transparent!important;width:44px;height:44px;padding:0;border-radius:0}
.brand-icon-small{width:32px;height:32px}
.admin-workspace{--workspace-accent:var(--brand-action)}
.shell.admin-workspace>.workspace-sidebar{background:#21133c}
.admin-workspace .workspace-sidebar .side-active{background:#392452;border-color:#695180}
.admin-workspace .side-active svg,.admin-workspace .nav-active-dot{color:var(--brand-secondary)}
.admin-workspace .nav-active-dot{background:var(--brand-secondary)}
:is(.curriculum-action,.workspace-primary,.auth-submit,.primary-button){background:var(--brand-action);border-color:var(--brand-action);color:#fff}
:is(.curriculum-action,.workspace-primary,.auth-submit,.primary-button):hover{background:var(--brand-action-hover)}
:is(.curriculum-link,.detail-back){color:var(--brand-action)}
:is(.curriculum-link.danger,.danger){color:#b93843}
.media-manager .media-dropzone,.editor-cover{background:var(--brand-soft);border-color:var(--brand-line)}
.mailbox-folders button[aria-pressed=true]{background:var(--brand-soft);border-color:#8dceef;color:var(--brand-action)}
.dt-summary-card{border-top-color:var(--brand-primary)}
:is(button,a,input,select,textarea,[contenteditable=true]):focus-visible{outline-color:var(--brand-action)}

.app-shell .streak,.parent-tip,.sidebar-note{background:var(--brand-warm);border-color:var(--brand-secondary)}
.hero .blob{background:var(--brand-secondary)}
.app-shell .hero-card{border-color:var(--brand-line)}
.brand strong,.logo-name>span{color:var(--brand-action)}

/* Authentication and compact logo placements use the same source artwork. */
.brand-icon-hero{width:clamp(88px,12vw,150px);height:clamp(88px,12vw,150px);margin-bottom:28px}
.brand-icon-mini{width:24px;height:24px;margin-right:6px}
.child-sign-in-card a.brand{display:flex;align-items:center;gap:12px;line-height:1.3}
.child-sign-in .child-sign-in-art{background:var(--brand-soft)}
.child-sign-in .child-sign-in-art .login-shapes{color:var(--brand-action)}
.child-sign-in-card input:focus{outline-color:var(--brand-primary);border-color:var(--brand-action)}
:is(.auth-art,.child-sign-in-art) :is(.eyebrow,.login-shapes){color:var(--brand-action)}
:is(.nav-item.active,.side-link.active){color:var(--brand-action);box-shadow:inset 3px 0 var(--brand-primary)}
:is(.insights,.data-table){--dash-purple:var(--brand-action)}
@media(max-width:600px){.child-sign-in-card a.brand{font-size:18px}.brand-icon-hero{margin-bottom:16px}}