/* Role identity follows the existing app-icon palette; shared by web and bundled WebViews. */
:root[data-brand]{--brand-text:var(--brand-dark);--brand-focus:var(--brand-dark);--action:var(--brand-core);--accent:var(--brand-core);--orange:var(--brand-core);--accent-text:var(--brand-text);--accent-soft:var(--brand-light);--tint:var(--brand-light)}
:root[data-brand][data-theme=dark]{--brand-text:var(--brand-light);--brand-focus:var(--brand-light)}
:root[data-brand] :is(.primary,.bk-primary){background:var(--brand-core)!important;color:var(--brand-on-core)!important}
:root[data-brand] :is(.workspace-route-links a[aria-current=page],nav#nav button[aria-current=page],.bottom-nav a.active,[role=tab][aria-selected=true],.filter.active){background:var(--brand-core)!important;color:var(--brand-on-core)!important}
:root[data-brand] :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--brand-focus)!important;outline-offset:3px}
:root[data-brand] input:is([type=checkbox],[type=radio]){accent-color:var(--brand-dark)}
:root[data-brand] body.an-app{--an-accent:var(--brand-core);--an-accent-text:var(--brand-dark);--an-accent-on:var(--brand-on-core)}
:root[data-brand] .an-sidebar [aria-current]{background:var(--brand-core);color:var(--brand-on-core)}
:root[data-brand] .an-eyebrow{color:var(--brand-dark)}
:root[data-brand] .an-event-filters legend{color:var(--brand-dark)}
:root[data-brand] .an-filters button[type=submit]{background:var(--brand-core);color:var(--brand-on-core)}
:root[data-brand] meter::-webkit-meter-optimum-value{background:var(--brand-core);border:1px solid var(--brand-dark);border-radius:8px}
:root[data-brand] meter::-moz-meter-bar{background:var(--brand-core);border:1px solid var(--brand-dark);border-radius:8px}