@import url("../css/palette.css?v=3");
@import url("../css/button-suite.css?v=4");

/* Demonstrations are scoped to Design elements, not live administration panels. */
#secondary-design-elements .design-heading-example,
#secondary-design-elements .design-colors-panel {
  margin-top: 12px;
  margin-bottom: 12px;
}
#secondary-design-elements .design-heading-example > summary > :is(h3,h4,h5) {
  margin: 0;
  font: inherit;
  color: inherit;
}
#secondary-design-elements .design-heading-level-1 {
  --disclosure-background: var(--palette-navy);
}
#secondary-design-elements .design-heading-level-2 {
  --disclosure-background: rgba(var(--palette-white-rgb), 0.1);
}
#secondary-design-elements .design-heading-level-3 {
  --disclosure-background: rgba(var(--palette-white-rgb), 0.25);
}
#secondary-design-elements .design-heading-level-2 > summary { font-size: 15px; }
#secondary-design-elements .design-heading-level-3 > summary { font-size: 14px; }