:root {
  --colorDarkRed: #190004;
  --colorYellow: #e49c16;
  /* --colorRed: #a01e06; */
  --colorRed: #003807;
  --colorDarkGreen: #005f0b;
  /* --colorDarkGreen: #a04100; */
  --colorLightGreen: #8eda55;
  --colorHoverGreen: #4bae56;
  /* --colorHoverGreen: #cc9c2e; */
  --colorHabboYellow: #ffb900;
  --colorHabboLightYellow: #ffea00;
  --colorOrange: #e78d20;
  --boxShadow: 1px 1px 3px #a04100, -1px -1px 3px #a04100;
  --winterGreen: #005f0b;
  --winterLightGreen: #4bae56;
}

.ramadanTheme {
  --colorLight: #2d45e0;
  --colorDarkRed: #010647;
  --colorDarkGreen: #9d4000;
  --colorHoverGreen: #9d4000;
  --boxShadow: 1px 1px 3px #2d45e0, -1px -1px 3px #2d45e0;
  --bg-image: url("../images/backgrounds/background-ramadan.png");
  --bg-color: #020317;
  --bg-gitter: url("../images/backgrounds/gitter-ramadan.png");
}
.betaTheme {
  --bg-image: url("../images/themes/hto-theme-bg.png");
  --theme-banner: url("../images/themes/hto-beta-banner.png");
  --colorDarkRed: #474747;
  --colorDarkGreen: #f88407;
  --boxShadow: 1px 1px 3px #b5b5b5, -1px -1px 3px #b5b5b5;
  --colorHoverGreen: #f8d207;
  --colorLight: #eb3402;
  --bg-gitter: url("../images/backgrounds/gitter-ramadan.png");
  --bg-color: #000;
  --themeColorLight: #a6a6a6;
  --themeColorDark: #7b7b7b;
}
.spaceTheme {
  --bg-image: url("../images/themes/hto-space-bg.gif");
  --theme-banner: url("../images/themes/hto-moon-banner.png");
  --theme-banner: url("../images/themes/to30agustos.gif");
  --colorDarkRed: #040b28;
  --colorDarkGreen: #055e8c;
  --boxShadow: 1px 1px 1px #0197d8, -1px -1px 1px #0197d8;
  --colorHoverGreen: #15a887;
  --colorAny: #15a887;
  --bg-gitter: url("../images/themes/gitter-space.png");
  --bg-color: #000;
  --themeColorLight: #a6a6a6;
  --themeColorDark: #7b7b7b;
  --forCommentDark: #033854;
  --forCommentBorder: #0197d8;
}