/* bar */
.bar {
  color: var(--color-masthead);
}
body.error .bar {
  --color-masthead: var(--color-light);
}
/*
body.error .bar {
    --color-masthead: var(--color-light);
}
*/
@media screen and (orientation: landscape) and (min-width: 960px) {
  body.article .bar,
  body.service .bar {
    --color-masthead: var(--color-dark);
  }
}
/* logo */
.p {
  fill: var(--color-logo);
}
body.article .p,
body.service .p {
  --color-logo: var(--color-light);
}
@media screen and (orientation: landscape) and (min-width: 960px) {
  body.article .p,
  body.service .p {
    --color-logo: var(--color-dark);
  }
}

/* mobile menu */
#mobile-menu:popover-open {
  --color-background: var(--color-light);
  --color-masthead: var(--color-dark);
  --color-logo: var(--color-accent);
}
body.article #mobile-menu:popover-open .p,
body.service #mobile-menu:popover-open .p {
    --color-logo: var(--color-accent);
}
/*
body.article .p,
body.service .p {
  --color-logo: var(--color-light);
}
body.error .p {
}
@media screen and (orientation: landscape) and (min-width: 960px) {
  .logo {
    line-height: 2;
  }
  body.article .p,
  body.service .p {
    --color-logo: var(--color-dark);
  }
}
*/