/* ALS 0.2.3: one palette for the ALS interface. Property branding owns --pp-*. */
body:is(.als-designed-page,.als-rb-page,.als-pp-page) {
  --als-color-page:#070f23;
  --als-color-panel:#101e36;
  --als-color-inset:#0b162b;
  --als-color-raised:#152641;
  --als-color-hover:#213959;
  --als-color-hero:#102d42;
  --als-color-heading:#ffffff;
  --als-color-text:#d5ddf1;
  --als-color-muted:#b5c6df;
  --als-color-border:#344764;
  --als-color-control:#637896;
  --als-color-control-hover:#91acd3;
  --als-color-primary:#2457e6;
  --als-color-primary-hover:#1d47bf;
  --als-color-accent:#56ddd0;
  --als-color-accent-hover:#76e6dc;
  --als-color-link:#56ddd0;
  --als-color-link-hover:#a3f0e7;
  --als-color-on-accent:#07152f;
  --als-color-focus:#a9c4ff;
  --als-color-notice:#112b35;
  --als-color-notice-text:#b6eee3;
  --als-color-notice-border:#3a6c70;
  --als-color-warning:#302a20;
  --als-color-warning-text:#ffe0a6;
  --als-color-warning-border:#9b8255;
}
/* The ALS shell is shared; member-selected property colors remain in --pp-*. */
body:is(.als-designed-page,.als-rb-page,.als-pp-page) :is(.als-brand-header,.als-brand-footer,.als-rb-header,.als-rb-footer,.als-pp-header,.als-pp-footer) {
  background:var(--als-color-page);
  border-color:var(--als-color-border);
  color:var(--als-color-muted);
}
body:is(.als-designed-page,.als-rb-page,.als-pp-page) :is(.als-brand-nav,.als-rb-header nav,.als-pp-header nav) a {
  color:var(--als-color-text);
}
body:is(.als-designed-page,.als-rb-page,.als-pp-page) :is(.als-brand-nav,.als-rb-header nav,.als-pp-header nav) a:is(:hover,:focus-visible),
body:is(.als-designed-page,.als-rb-page,.als-pp-page) :is(.als-brand-nav,.als-rb-header nav,.als-pp-header nav) [aria-current] {
  color:var(--als-color-heading);
  text-decoration-color:var(--als-color-accent);
}
body:is(.als-designed-page,.als-rb-page,.als-pp-page) :is(.als-brand-footer,.als-rb-footer,.als-pp-footer) a {
  color:var(--als-color-link);
}
body:is(.als-designed-page,.als-rb-page,.als-pp-page) :is(.als-brand-footer,.als-rb-footer,.als-pp-footer) a:hover {
  color:var(--als-color-link-hover);
}
