:root {
  --xot-toc-top: -20px;

  --xot-color-red: #D44C47;
  --xot-color-pink: #C14C8A;
  --xot-color-purple: #9065B0;
  --xot-color-blue: #337EA9;
  --xot-color-green: #448361;
  --xot-color-yellow: #CB912F;
  --xot-color-orange: #D9730D;
  --xot-color-brown: #9F6B53;
  --xot-color-gray: #787774;
  --xot-bgcolor-red: #FDEBEC;
  --xot-bgcolor-tred: #000;
  --xot-bgcolor-pink: #FAF1F5;
  --xot-bgcolor-tpink: #000;
  --xot-bgcolor-purple: #F6F3F9;
  --xot-bgcolor-tpurple: #000;
  --xot-bgcolor-blue: #E7F3F8;
  --xot-bgcolor-tblue: #000;
  --xot-bgcolor-green: #EDF3EC;
  --xot-bgcolor-tgreen: #000;
  --xot-bgcolor-yellow: #FBF3DB;
  --xot-bgcolor-tyellow: #000;
  --xot-bgcolor-orange: #FBECDD;
  --xot-bgcolor-torange: #000;
  --xot-bgcolor-brown: #F4EEEE;
  --xot-bgcolor-tbrown: #000;
  --xot-bgcolor-gray: #F1F1EF;
  --xot-bgcolor-tgray: #000;

  --xot-co-bd-color: #DFDFDE;
  --xot-co-color-red: #C4554D;
  --xot-co-color-pink: #B35488;
  --xot-co-color-purple: #8A67AB;
  --xot-co-color-blue: #487CA5;
  --xot-co-color-green: #5A8569;
  --xot-co-color-yellow: #C29343;
  --xot-co-color-orange: #CC782F;
  --xot-co-color-brown: #976D57;
  --xot-co-color-gray: #787774;

  --xot-co-bg-red: #FAECEC;
  --xot-co-bg-tred: #000;
  --xot-co-bg-pink: #F9F2F5;
  --xot-co-bg-tpink: #000;
  --xot-co-bg-purple: #F6F3F8;
  --xot-co-bg-tpurple: #000;
  --xot-co-bg-blue: #E9F3F7;
  --xot-co-bg-tblue: #000;
  --xot-co-bg-green: #EEF3ED;
  --xot-co-bg-tgreen: #000;
  --xot-co-bg-yellow: #FAF3DD;
  --xot-co-bg-tyellow: #000;
  --xot-co-bg-orange: #F8ECDF;
  --xot-co-bg-torange: #000;
  --xot-co-bg-brown: #F3EEEE;
  --xot-co-bg-tbrown: #000;
  --xot-co-bg-gray: #F1F1EF;
  --xot-co-bg-tgray: #000;
}