/* Product scenes keep their fixed-format geometry and semantic colors. */
@import url("../index/typography.css");
:root {
  --font-sans: var(--ds-font-family-text);
  --sans: var(--ds-font-family-text);
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --mono: var(--font-mono);
  --blue: #0071e3;
  --accent: #0071e3;
}
body[data-site-family="embed"] {
  font-family: var(--sans) !important;
}
body[data-site-family="embed"] *:where(:not(.fa, .fas, .far, .fab)) {
  font-family: inherit !important;
  letter-spacing: 0 !important;
}
body[data-site-family="embed"]
  :is(
    pre,
    code,
    kbd,
    samp,
    .mono,
    .code,
    .code-line,
    .code-block,
    .code-text,
    .terminal,
    .terminal-body,
    .terminal-line
  ) {
  font-family: var(--mono) !important;
}
body[data-site-family="embed"] :is(h1, h2, h3) {
  font-family: var(--ds-font-family-display) !important;
}
body[data-site-family="embed"] :is(a, button):focus-visible {
  outline: 2px solid #0071e3;
  outline-offset: 3px;
}