/* Chaters brand contract, 2026-10-19. Shared by current and legacy website shells.
   Brand colours are yellow/black/neutral; third-party payment logos retain their own colours. */
html:root{
 --brand:#f8ed56;--yellow:#f8ed56;--brand-ink:#141414;--ink:#141414;--ink-2:#3a3936;
 --bg:#f6f5f1;--paper:#f6f5f1;--surface:#fff;--surface-2:#efede7;--muted:#6b6a65;--line:#e4e1d9;
 --green:#141414;--sage:#f5f2d5;--pink:#f5f2d5;--focus:#141414;
 --font-ui:Manrope,system-ui,sans-serif;--font-display:Manrope,system-ui,sans-serif;
}
html body{background:var(--paper);color:var(--ink)}
html body .site-header,html body .member-sidebar{background:var(--paper)}
html body .btn{background:var(--ink)!important;color:#fff!important;border-color:transparent!important}
html body .btn:hover{background:#34332f!important}
html body .btn.primary,html body .btn.yellow,html body .welcome-copy .btn{background:var(--brand)!important;color:var(--brand-ink)!important;border-color:transparent!important}
html body .btn.primary:hover,html body .btn.yellow:hover,html body .welcome-copy .btn:hover{background:#ece044!important}
html body .btn.outline,html body .btn.ghost{background:transparent!important;color:var(--ink)!important;border-color:var(--line)!important}
html body .btn.outline:hover,html body .btn.ghost:hover{background:var(--surface-2)!important}
html body .btn.light{background:#fff!important;color:var(--ink)!important}
html body #auth-page .member-content .account-download #account-download{background:var(--brand)!important;color:var(--brand-ink)!important}
html body .member-sidebar nav a[aria-current=page],html body .acc-nav a[aria-current=page],html body .tabbar a[aria-current=page]{background:var(--ink)!important;color:var(--brand)!important}
html body .member-sidebar nav a:not([aria-current=page]):hover{background:var(--surface-2);color:var(--ink)}
html body .member-next,html body .member-phone,html body .payout-review,html body .final-cta,html body .earn-section{background:var(--sage)!important}
html body .member-metrics strong,html body .week-value,html body .week-simple-total strong,html body .plan-values strong,html body .chat-earning strong,html body .demo-intro>span{color:var(--ink)!important}
html body .member-setup li.done:before{background:var(--ink);color:var(--brand)}
html body .daily-bar{background:var(--ink)!important}
html body .week-plan-settings summary,html body .reassurance-item svg,html body .model-grid article:last-child p,html body .os-download:hover{color:var(--ink)!important}
html body input[type=checkbox],html body input[type=radio],html body progress{accent-color:var(--ink)!important}
html body progress::-webkit-progress-value{background:var(--ink)}
html body progress::-moz-progress-bar{background:var(--ink)}
html body .demo-stage,html body .hello-reply,html body .message-translated{background:var(--sage)}
html body .demo-next,html body .message-answer{background:var(--ink);color:#fff}
html body .message-answer span{color:var(--brand)}
html body .site-footer,html body .site-footer.compact-footer{background:var(--ink);color:#f6f5f1}
html body .site-footer nav a{color:#f6f5f1}
html body .site-footer a:hover{color:var(--brand)!important}
html body :is(a,button,input,select,textarea,summary):focus-visible{outline-color:var(--ink)!important}
html body .site-footer :focus-visible{outline-color:var(--brand)!important}
/* Shared JS-generated controls are deliberately included, regardless of insertion order. */
html body .admin-state.online,html body .admin-state.active7d,html body .admin-state.linked{background:var(--sage)!important;color:var(--ink)!important}
html body #admin-list-body tr[data-linked=true]{box-shadow:inset 3px 0 var(--brand)!important}
html body .admin-visit-day[data-visited=true] i{background:var(--ink)!important}
html body #admin-profile,html body .withdraw-dialog:has(.payout-method-picker),html body .payout-method-picker label.payout-method-choice{color:var(--ink)!important}
html body .admin-visit-chart p,html body .admin-visit-day,html body #admin-profile dt,html body .payout-method-text small{color:var(--muted)!important}
html body .payout-method-picker .payout-method-choice:has(input:checked){border-color:var(--ink)!important;box-shadow:inset 0 0 0 1px var(--ink)!important;background:#fffbd6!important}
html body .payout-method-picker input:checked~.payout-method-check{border-color:var(--ink)!important;background:var(--brand)!important}
html body .payout-method-picker .payout-method-choice:has(input:focus-visible){outline-color:var(--ink)!important}
html body .badge.ok{background:var(--sage);color:var(--ink)}
html body .profile-initial{background:var(--surface-2)!important;color:var(--ink)!important}
html body .member-label,html body .member-help,html body .eyebrow,
html body .member-sidebar nav a:not([aria-current=page]),html body .member-metrics article>span{color:var(--muted)!important}
html body .member-withdraw,html body .member-rate-details a,html body .member-help span{color:var(--ink)!important}