:root {
  /* Visual configuration of the `<docoff-react-preview>` and `<docoff-react-base>` code */
  /* The Prism theme CSS file, for options see: https://unpkg.com/browse/prismjs/themes/ */
  /* NOTE: Patch version is omitted due to parsing bug in Safari: https://bugs.webkit.org/show_bug.cgi?id=229816 */
  --docoff-code-prism-css: https://unpkg.com/prismjs@1.29/themes/prism-twilight.min.css;
  --docoff-code-font-size: 1rem;
  --docoff-code-line-height: 1.5;
  --docoff-code-font-family: var(--rui-font-family-monospace);

  /* Visual configuration of the `<docoff-react-preview>` live preview */
  --docoff-preview-border-color: #ddd;
  --docoff-preview-border-radius: 0.35em;
  /* To simplify multiple component presentation we add margin to all top level elements */
  --docoff-preview-children-margin: 0.25em;
  /* To improve component presentation we add padding inside the shadow DOM */
  --docoff-preview-padding: 1.5em;
  /* Custom preview CSS file, typically this would be the CSS of your component */
  --docoff-preview-css: /_assets/generated/rades.development.css;

  /* Visual configuration of the `<docoff-placeholder>` element */
  --docoff-placeholder-background-dark: #4d4d4d;
  --docoff-placeholder-background-light: #fff;
  --docoff-placeholder-border-color: #ccc;
  --docoff-placeholder-border-width: 2px;

  /* Override body background in previews */
  --rui-color-background-base: #fff;
  --rcm-page-background-image: none;
}