: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;
}

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 {
  --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);
}