/* SREB's supplied color roles: signature PMS 287; dominant PMS 2727,
   376 and 3125; accents PMS 137 and 382. Neutrals and accessible text
   shades are derived from those colors, rather than another brand palette. */
.sreb-brand {
  --sreb-signature: #003087;
  --sreb-blue: #307FE2;
  --sreb-green: #84BD00;
  --sreb-cyan: #00AEC7;
  --sreb-orange: #FFA300;
  --sreb-lime: #C4D600;
  --sreb-soft: color-mix(in srgb, var(--sreb-blue) 8%, #fff);
  --sreb-warning-ink: color-mix(in srgb, var(--sreb-orange) 50%, #000);
  --sreb-positive-ink: color-mix(in srgb, var(--sreb-green) 50%, #000);
  --brand-primary: var(--sreb-signature);
  --brand-accent: var(--sreb-blue);
  --c-accent: var(--sreb-signature);
  --c-accent-bg: var(--sreb-soft);
  --c-accent-line: color-mix(in srgb, var(--sreb-blue) 30%, #fff);
  --pv-chart-1: var(--sreb-blue);
  --pv-chart-2: var(--sreb-green);
  --pv-chart-3: var(--sreb-cyan);
  --pv-chart-4: var(--sreb-orange);
  --pv-chart-5: var(--sreb-lime);
}

.sreb-brand .ui-admin-shell,
.sreb-brand.ui-user-surface {
  --app-header: var(--sreb-signature);
  --app-on-header: #fff;
  --app-accent: var(--sreb-blue);
  --app-on-accent: #000;
  --app-button-bg: var(--sreb-blue);
  --app-button-border: var(--sreb-blue);
  --app-button-ink: #000;
  --app-focus-on-light: var(--sreb-signature);
  --app-canvas: #f7f8fa;
  --app-on-canvas: #1a2b3c;
  --app-muted-on-canvas: #5e7088;
  --app-ink: #1a2b3c;
  --app-muted: #5e7088;
  --app-line: #dde3ec;
}

.sreb-brand .ui-admin-brand { display:block; padding-bottom:20px; }
.sreb-brand .ui-admin-brand img { max-width:100%!important; max-height:44px!important; filter:brightness(0) invert(1); }
.sreb-brand .ui-admin-brand > span { display:block; margin-top:12px; font-size:17px; }
.sreb-brand .ui-admin-brand small { color:#fff; opacity:.85; }
.sreb-brand .ui-admin-link,
.sreb-brand .ui-admin-nav-label,
.sreb-brand .ui-admin-advanced > summary,
.sreb-brand .ui-admin-shell .bi-side-user { color:#fff; }
.sreb-brand .ui-admin-link:hover { background:color-mix(in srgb, var(--sreb-blue) 40%, var(--sreb-signature)); }
.sreb-brand .ui-admin-link.active { background:var(--sreb-blue); color:#000; border-left-color:var(--sreb-lime); }
.sreb-brand .ui-admin-advanced { border-color:color-mix(in srgb, var(--sreb-blue) 60%, var(--sreb-signature)); }
.sreb-brand .ui-admin-shell .bi-user-avatar { background:var(--sreb-cyan); color:#000; }
.sreb-brand .ui-admin-context,
.sreb-brand .ui-admin-shell .bi-viewsite,
.sreb-brand .ui-admin-shell .bi-icon-button,
.sreb-brand .ui-admin-shell .bi-footerbar strong { color:var(--sreb-signature); }
.sreb-brand .ui-admin-shell .bi-live-dot { background:var(--sreb-green); }
.sreb-brand .ui-admin-shell .bi-live-dot.warm { background:var(--sreb-orange); }
.sreb-brand .ui-admin-shell .ui-admin-content :is(.btn.primary,.set-save,.access-btn-primary,.cnx-primary):hover { background:var(--sreb-signature); border-color:var(--sreb-signature); color:#fff; }
.sreb-brand .ui-skip { color:var(--sreb-signature); border-color:var(--sreb-signature); }

.sreb-brand .authoring-toolbar-button.btn.primary { background:var(--sreb-blue); border-color:var(--sreb-blue); color:#000; }
.sreb-brand .authoring-toolbar-button.btn:hover { background:var(--sreb-soft); border-color:var(--sreb-blue); }
.sreb-brand .authoring-toolbar-button.btn.primary:hover { background:var(--sreb-signature); border-color:var(--sreb-signature); color:#fff; }
.sreb-brand .authoring-board :is(.board-layout-control button.active,.board-layout-control button.is-active) { background:var(--sreb-soft); color:var(--sreb-signature); }
.sreb-brand .tile { border-top-color:var(--sreb-blue); }
.sreb-brand .tile-studio,.sreb-brand .tile-act,.sreb-brand .snap-head > .material-symbols-outlined { color:var(--sreb-signature); }

.sreb-brand.authoring-studio {
  --st-ink: #1a2b3c;
  --st-muted: #5e7088;
  --st-line: #dde3ec;
  --st-accent: var(--sreb-signature);
  --st-soft: var(--sreb-soft);
  --brand-primary: var(--sreb-signature);
}
.sreb-brand.authoring-studio .btn.primary { background:var(--sreb-blue); border-color:var(--sreb-blue); color:#000; }
.sreb-brand.authoring-studio .btn.primary:hover { background:var(--sreb-signature); border-color:var(--sreb-signature); color:#fff; }
.sreb-brand.authoring-studio .st2-status { color:var(--sreb-positive-ink); }
.sreb-brand.authoring-studio .st2-option-banner { background:var(--sreb-soft); color:var(--sreb-signature); }

/* Dominant colors carry the charts. Orange/lime identify a warning,
   selection or small decorative detail, rather than whole chart categories. */
.sreb-brand .publication .heading-rule,
.sreb-brand.publication .heading-rule { background:var(--sreb-lime); }
.sreb-brand.publication .site-header { border-bottom:3px solid var(--sreb-cyan); }
.sreb-brand.publication .site-header nav a.active { border-bottom-color:var(--sreb-lime); }
.sreb-brand.publication .site-header { color:#fff; }
.sreb-brand .publication .state-tile.is-selected { outline-color:var(--sreb-orange); }
.sreb-brand.publication .state-tile.is-selected { outline-color:var(--sreb-orange); }
.sreb-brand .publication .headline-card header { color:var(--headline-ink,#000); }
.sreb-brand.publication .headline-card header { color:var(--headline-ink,#000); }
.sreb-brand .publication .negative,
.sreb-brand.publication .negative { color:var(--negative-ink,var(--sreb-warning-ink))!important; }
.sreb-brand .publication .positive,
.sreb-brand.publication .positive { color:var(--positive-ink,var(--sreb-positive-ink))!important; }
.sreb-brand .publication .line-label,
.sreb-brand.publication .line-label { fill:var(--ink); }
.sreb-brand .publication .route-track > div,
.sreb-brand.publication .route-track > div { color:#000; }
.sreb-brand .ui-auth-flash-alert { background:color-mix(in srgb,var(--sreb-orange) 12%,#fff); border-color:var(--sreb-orange); color:var(--sreb-warning-ink); }
.sreb-brand .ui-auth-flash-notice { background:color-mix(in srgb,var(--sreb-green) 10%,#fff); border-color:var(--sreb-green); color:var(--sreb-positive-ink); }
.sreb-brand .ui-auth-password-toggle:hover { color:var(--sreb-signature); background:var(--sreb-soft); }