Customize syntax for inline media queries

Instead of ?if media (…) use | media (…) so it looks like:

:root {
  font-size: --font-size;
  font-size: --font-size-large | media (--small);
}

or perhaps consider just:

:root {
  font-size: --font-size;
  font-size: --font-size-large @media (--small);
}