/* Shared interaction palette, loaded after module and appearance styles. */
:root{--brand-primary:#087f74;--brand-hover:#077066;--brand-active:#06635a;--brand-on-primary:#fff;--brand-on-hover:#fff;--brand-on-active:#fff;--brand-soft:#eef6f5;--brand-soft-active:#d7ebe9;--brand-border:#9ccbc7;--brand-text:#087f74;--brand-text-dark:#78d8ca;--brand-soft-dark:#162f34;--brand-soft-active-dark:#16413e;--brand-shadow:#087f7426;--brand-focus:var(--brand-text);--brand-link:var(--brand-text);--brand-surface:var(--brand-soft);--brand-surface-active:var(--brand-soft-active)}
html[data-theme=dark]{--brand-focus:var(--brand-text-dark);--brand-link:var(--brand-text-dark);--brand-surface:var(--brand-soft-dark);--brand-surface-active:var(--brand-soft-active-dark)}
html body .primary,html body .nav-link.active,html body .page-section-navigation .nav-link.active{background:var(--brand-primary);color:var(--brand-on-primary);box-shadow:0 3px 6px var(--brand-shadow)}
html body .primary:not(:disabled):hover,html body .nav-link.active:hover{background:var(--brand-hover);color:var(--brand-on-hover)}
html body .primary:not(:disabled):active,html body .nav-link.active:active{background:var(--brand-active);color:var(--brand-on-active)}
html[data-theme=dark] body .primary,html[data-theme=dark] body .nav-link.active{color:var(--brand-on-primary)}
html[data-theme=dark] body .primary:not(:disabled):hover,html[data-theme=dark] body .nav-link.active:hover{color:var(--brand-on-hover)}
html[data-theme=dark] body .primary:not(:disabled):active,html[data-theme=dark] body .nav-link.active:active{color:var(--brand-on-active)}
html body :is(.secondary,.row-action,.table-action):not(:disabled):hover{background:var(--brand-surface);border-color:var(--brand-focus);color:var(--brand-link)}
html body :is(.secondary,.row-action,.table-action):not(:disabled):active{background:var(--brand-surface-active);border-color:var(--brand-focus);color:var(--brand-link)}
html body .text-button,html body a:not(.brand):not(.nav-link):not(.primary):not(.secondary){color:var(--brand-link)}
html body .text-button:not(:disabled):hover{color:var(--brand-link);background:var(--brand-surface)}
html body a:not(.brand):not(.nav-link):not(.primary):not(.secondary):hover{text-decoration:underline;text-underline-offset:3px}
html body .eyebrow,html body .page-heading .eyebrow,html body .shared-avatar{color:var(--brand-link)}
html body :is(button,a,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--brand-focus);outline-offset:3px}
html body :is(input:not([type=checkbox]):not([type=radio]),textarea,select):focus{border-color:var(--brand-focus);outline:2px solid var(--brand-focus);outline-offset:2px;box-shadow:0 0 0 4px var(--brand-shadow)}
html body :is(input[type=checkbox],input[type=radio]){accent-color:var(--brand-primary)}
html body .select2-container--default.select2-container--focus .select2-selection,html body .select2-container--open .select2-selection{border-color:var(--brand-focus);outline:2px solid var(--brand-focus);outline-offset:2px}
html body .select2-container--default .select2-results__option--highlighted[aria-selected],html body .select2-container--default .select2-results__option--highlighted[aria-selected=true]{background:var(--brand-hover);color:var(--brand-on-hover)}
html body .select2-container--default .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted){background:var(--brand-surface-active);color:var(--brand-link)}
html body .sidebar :is(.nav-link,.navigation-group-toggle):focus-visible{outline-color:var(--brand-text-dark);outline-offset:-3px}
html body .sidebar .nav-link:not(.active):hover,html body .navigation-group-toggle:hover{background:var(--brand-soft-dark)}
html body .sidebar .brand-mark{color:var(--brand-text)}
html body .primary:disabled{background:var(--brand-primary);color:var(--brand-on-primary);opacity:.5;box-shadow:none;cursor:not-allowed}
html body :is(.primary,.secondary,.row-action,.text-button,.nav-link){transition:background-color .12s,border-color .12s,color .12s,box-shadow .12s}
@media(prefers-reduced-motion:reduce){html body :is(.primary,.secondary,.row-action,.text-button,.nav-link){transition:none}}

html[data-theme=dark] body .text-button,html[data-theme=dark] body .eyebrow,html[data-theme=dark] body .page-heading .eyebrow{color:var(--brand-text-dark)}
html[data-theme=dark] body .select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--brand-hover);color:var(--brand-on-hover)}
#preview-button{--brand-focus:var(--brand-text)}html[data-theme=dark] #preview-button{--brand-focus:var(--brand-text-dark)}