:root {
  --primary-color: #3a83e9;
  --bg-color: #3a83e9;
  --deep-color: #2d6fcd;
  --investtitle: url("invest-title.png");
  --left:url("left.png");
  --right:url("right.png");
  --overviewtitle:url("overview-title.png");
  --picturetitle:url('picture-title.png');
  --styleitem-active:url('style-item-active.png');
  --styleitem-l:url('style-item-l.png');
  --styleitem-r:url('style-item-r.png');
  --styletitle:url('style-title.png');
  --traveltitle:url('travel-title.png');
  --styleitem-active_r:url('style-item-active_rotated.png')
}
[data-theme="red"] {
  --primary-color: #bd1a2d;
  --bg-color: #bd1a2d;
  --deep-color: #b1071b;
  --investtitle: url("invest-title-red.png");
  --left:url("left-red.png");
  --right:url("right-red.png");
  --overviewtitle:url("overview-title-red.png");
  --picturetitle:url('picture-title-red.png');
  --styleitem-active:url('style-item-active-red.png');
  --styleitem-l:url('style-item-l-red.png');
  --styleitem-r:url('style-item-r-red.png');
  --styletitle:url('style-title-red.png');
  --traveltitle:url('travel-title-red.png');
  --styleitem-active_r:url('style-item-l-active-red.png')
}