:root {
  --reference-blue: #1f4760;
  --reference-ink: #404146;
  --reference-white: #fefcff;
  --reference-amber: #f4b34a;
}

html:root body.studio .site-header {
  background: var(--reference-white) !important;
  color: var(--reference-ink) !important;
}

html:root body.studio .site-header .brand svg {
  color: var(--reference-blue) !important;
}

body.studio .identity-intro {
  background: var(--reference-blue);
  color: var(--reference-white);
  border-bottom: 3px solid var(--reference-amber);
}

body.studio .identity-intro :is(h1, p) {
  color: inherit;
}

body.studio .edition-heading {
  border-color: var(--reference-blue);
}

html:root[data-reader-theme="night"] body.studio .site-header .brand svg {
  color: #c1dce9 !important;
}

html:root[data-reader-theme="night"] body.studio .identity-intro {
  background: #1a2c39;
  color: #f1f7fa;
}

html:root[data-reader-theme="night"] body.studio .edition-heading {
  border-color: #829bab;
}