:root {
  --theme-primary: rgb(var(--theme-primary-rgb));
  --theme-secondary: rgb(var(--theme-secondary-rgb));
  --theme-accent-one: rgb(var(--theme-accent-one-rgb));
  --theme-accent-two: rgb(var(--theme-accent-two-rgb));
  --theme-accent-three: rgb(var(--theme-accent-three-rgb));
  --theme-accent-four: rgb(var(--theme-accent-four-rgb));
  --theme-accent-five: rgb(var(--theme-accent-five-rgb));
  --theme-link: rgb(var(--theme-link-rgb));
  --theme-primary-contrast: rgb(var(--theme-primary-rgb-contrast));
  --theme-secondary-contrast: rgb(var(--theme-secondary-rgb-contrast));
  --theme-accent-one-contrast: rgb(var(--theme-accent-one-rgb-contrast));
  --theme-accent-two-contrast: rgb(var(--theme-accent-two-rgb-contrast));
  --theme-accent-three-contrast: rgb(var(--theme-accent-three-rgb-contrast));
  --theme-accent-four-contrast: rgb(var(--theme-accent-four-rgb-contrast));
  --theme-accent-five-contrast: rgb(var(--theme-accent-five-rgb-contrast));
  --theme-link-contrast: rgb(var(--theme-link-contrast));
  --theme-primary-hover: rgb(var(--theme-primary-rgb-hover));
  --theme-secondary-hover: rgb(var(--theme-secondary-rgb-hover));
  --theme-accent-one-hover: rgb(var(--theme-accent-one-rgb-hover));
  --theme-accent-two-hover: rgb(var(--theme-accent-two-rgb-hover));
  --theme-accent-three-hover: rgb(var(--theme-accent-three-rgb-hover));
  --theme-accent-four-hover: rgb(var(--theme-accent-four-rgb-hover));
  --theme-accent-five-hover: rgb(var(--theme-accent-five-rgb-hover));
  --theme-link-hover: rgb(var(--theme-link-rgb-hover));
  --theme-primary-active: rgb(var(--theme-primary-rgb-active));
  --theme-secondary-active: rgb(var(--theme-secondary-rgb-active));
  --theme-accent-one-active: rgb(var(--theme-accent-one-rgb-active));
  --theme-accent-two-active: rgb(var(--theme-accent-two-rgb-active));
  --theme-accent-three-active: rgb(var(--theme-accent-three-rgb-active));
  --theme-accent-four-active: rgb(var(--theme-accent-four-rgb-active));
  --theme-accent-five-active: rgb(var(--theme-accent-five-rgb-active));
  --theme-link-active: rgb(var(--theme-link-rgb-active));
  --theme-primary-readable: rgb(var(--theme-primary-rgb-readable));
  --theme-secondary-readable: rgb(var(--theme-secondary-rgb-readable));
  --theme-accent-one-readable: rgb(var(--theme-accent-one-rgb-readable));
  --theme-accent-two-readable: rgb(var(--theme-accent-two-rgb-readable));
  --theme-accent-three-readable: rgb(var(--theme-accent-three-rgb-readable));
  --theme-accent-four-readable: rgb(var(--theme-accent-four-rgb-readable));
  --theme-accent-five-readable: rgb(var(--theme-accent-five-rgb-readable));
  --theme-link-readable: rgb(var(--theme-link-rgb-readable));
  /**
   * Scientastic theme
   */
  --stc-theme--color: #333333;
  --stc-theme--inactive-color: #929292;
  --stc-theme--placeholder-color: #555555;
  --stc-theme--font-family: 'Open Sans', 'Tahoma', 'Verdana', sans-serif;
  --stc-theme--font-size: 13px;
  --stc-theme--line-height: 1.4;
  --stc-form-item-border-color-error: #c62828;
  --flowchart-fill-red: #eb1e14;
  --flowchart-text-red: #fff;
  --flowchart-fill-blue: #1972cd;
  --flowchart-text-blue: #fff;
  --flowchart-fill-yellow: #ffd414;
  --flowchart-text-yellow: #333;
  --flowchart-fill-green: #46d72a;
  --flowchart-text-green: #fff;
  --flowchart-fill-purple: #873caf;
  --flowchart-text-purple: #fff;
  --flowchart-fill-lightred: #ff4638;
  --flowchart-text-lightred: #fff;
  --flowchart-fill-lightblue: #289be5;
  --flowchart-text-lightblue: #fff;
  --flowchart-fill-lightyellow: #fff558;
  --flowchart-text-lightyellow: #333;
  --flowchart-fill-lightgreen: #91f55b;
  --flowchart-text-lightgreen: #333;
  --flowchart-fill-lightpurple: #b964cd;
  --flowchart-text-lightpurple: #fff;
  --flowchart-fill-gray: #B0BEC5;
  --flowchart-text-gray: #333;
  --flowchart-fill-white: #ffffff;
  --flowchart-text-white: #333;
  --flowchart-fill-transparent: transparent;
  --flowchart-text-transparent: #333;
  --flowchart-fill-none: none;
  --flowchart-text-none: #333;
  --flowchart-stroke-black: #333;
  --flowchart-stroke-red: #d71f15;
  --flowchart-stroke-orange: #e19000;
  --flowchart-stroke-blue: #2166cd;
  --flowchart-stroke-green: #42c329;
  --flowchart-stroke-transparent: transparent;
  --flowchart-stroke-none: none;
  --flowchart-fill-theme-primary: RGB(var(--theme-primary-rgb));
  --flowchart-text-theme-primary: RGB(var(--theme-primary-rgb-contrast));
  --flowchart-stroke-theme-primary: RGB(var(--theme-primary-rgb-contrast));
  --flowchart-fill-theme-secondary: RGB(var(--theme-secondary-rgb));
  --flowchart-text-theme-secondary: RGB(var(--theme-secondary-rgb-contrast));
  --flowchart-stroke-theme-secondary: RGB(var(--theme-secondary-rgb-contrast));
  --flowchart-fill-theme-accent-one: RGB(var(--theme-accent-one-rgb));
  --flowchart-text-theme-accent-one: RGB(var(--theme-accent-one-rgb-contrast));
  --flowchart-stroke-theme-accent-one: RGB(var(--theme-accent-one-rgb-contrast));
  --flowchart-fill-theme-accent-two: RGB(var(--theme-accent-two-rgb));
  --flowchart-text-theme-accent-two: RGB(var(--theme-accent-two-rgb-contrast));
  --flowchart-stroke-theme-accent-two: RGB(var(--theme-accent-two-rgb-contrast));
  --flowchart-fill-theme-accent-three: RGB(var(--theme-accent-three-rgb));
  --flowchart-text-theme-accent-three: RGB(var(--theme-accent-three-rgb-contrast));
  --flowchart-stroke-theme-accent-three: RGB(var(--theme-accent-three-rgb-contrast));
  --flowchart-fill-theme-accent-four: RGB(var(--theme-accent-four-rgb));
  --flowchart-text-theme-accent-four: RGB(var(--theme-accent-four-rgb-contrast));
  --flowchart-stroke-theme-accent-four: RGB(var(--theme-accent-four-rgb-contrast));
  --flowchart-fill-theme-accent-five: RGB(var(--theme-accent-five-rgb));
  --flowchart-text-theme-accent-five: RGB(var(--theme-accent-five-rgb-contrast));
  --flowchart-stroke-theme-accent-five: RGB(var(--theme-accent-five-rgb-contrast));
  --flowchart-fill-theme-link: RGB(var(--theme-link-rgb));
  --flowchart-text-theme-link: RGB(var(--theme-link-rgb-contrast));
  --flowchart-stroke-theme-link: RGB(var(--theme-link-rgb-contrast));
}

body {
  --theme-contextual: var(--theme-primary);
  --theme-contextual-contrast: var(--theme-primary-contrast);
  --theme-contextual-hover: var(--theme-primary-hover);
  --theme-contextual-active: var(--theme-primary-active);
  --theme-contextual-readable: var(--theme-primary-readable);
  --stc-button-background-color: var(--theme-contextual);
  --stc-button-background-hover-color: var(--theme-contextual-hover);
  --stc-button-background-ripple-color: var(--theme-contextual-active);
  --stc-button-foreground-color: var(--theme-contextual-contrast);
  --stc-pill-background: var(--theme-contextual-readable);
  --stc-pill-foreground: var(--theme-contextual-contrast);
}
body.scienta-admin, body.scienta-editor {
  --theme-contextual: var(--theme-secondary);
  --theme-contextual-contrast: var(--theme-secondary-contrast);
  --theme-contextual-hover: var(--theme-secondary-hover);
  --theme-contextual-active: var(--theme-secondary-active);
  --theme-contextual-readable: var(--theme-secondary-readable);
}