:root {
  --tse-green: #008457;
  --tse-red: #D73647;
  --tse-blue: #005A9C;
  --tse-orange: #F8991D;
}

/* -- Font colors -- */
.tse-color-white {
  color: #ffffff !important;
}
.tse-color-black {
  color: #0000 !important;
}
.tse-color-grey {
  color: #dddd !important;
}
.tse-color-red {
  color: #D73647 !important;
}
.tse-color-blue {
  color: #005A9C !important;
}
.tse-color-orange {
  color: #F8991D !important;
}
.tse-color-green {
  color: #008457 !important;
}

/* -- Backgrounds -- */
.tse-bg-color-white {
  background-color: #ffffff !important;
}
.tse-bg-color-black {
  background-color: #0000 !important;
}
.tse-bg-color-grey {
  background-color: #dddd !important;
}
.tse-bg-color-red {
  background-color: #D73647 !important;
}
.tse-bg-color-blue {
  background-color: #005A9C !important;
}
.tse-bg-color-orange {
  background-color: #F8991D !important;
}
.tse-bg-color-green {
  background-color: #008457 !important;
}

/* -- Box Shadow Borders -- */
.tse-box-shadow-white {
  box-shadow: inset 0 0 0 1px #ffffff !important;
}
.tse-box-shadow-black {
  box-shadow: inset 0 0 0 1px #0000 !important;
}
.tse-box-shadow-grey {
  box-shadow: inset 0 0 0 1px #dddd !important;
}
.tse-box-shadow-red {
  box-shadow: inset 0 0 0 1px #D73647 !important;
}
.tse-box-shadow-blue {
  box-shadow: inset 0 0 0 1px #005A9C !important;
}
.tse-box-shadow-orange {
  box-shadow: inset 0 0 0 1px #F8991D !important;
}
.tse-box-shadow-green {
  box-shadow: inset 0 0 0 1px #008457 !important;
}

/* -- Borders -- */
.tse-border-white {
  border: solid #ffffff !important;
}
.tse-border-black {
  border: solid #0000 !important;
}
.tse-border-grey {
  border: solid #dddd !important;
}
.tse-border-red {
  border: solid #D73647 !important;
}
.tse-border-blue {
  border: solid #005A9C !important;
}
.tse-border-orange {
  border: solid #F8991D !important;
}
.tse-border-green {
  border: solid #008457 !important;
}

/* -- Fill colors (primarily for SVG) -- */
.tse-fill-white {
  fill: #ffffff !important;
}
.tse-fill-black {
  fill: #0000 !important;
}
.tse-fill-grey {
  fill: #dddd !important;
}
.tse-fill-red {
  fill: #D73647 !important;
}
.tse-fill-blue {
  fill: #005A9C !important;
}
.tse-fill-orange {
  fill: #F8991D !important;
}
.tse-fill-green {
  fill: #008457 !important;
}

/* -- -- -- Hover variants -- -- -- */

/* -- Font colors -- */
.tse-hover-color-white:hover {
  color: #ffffff !important;
}
.tse-hover-color-black:hover {
  color: #0000 !important;
}
.tse-hover-color-grey:hover {
  color: #dddd !important;
}
.tse-hover-color-red:hover {
  color: #D73647 !important;
}
.tse-hover-color-blue:hover {
  color: #005A9C !important;
}
.tse-hover-color-orange:hover {
  color: #F8991D !important;
}
.tse-hover-color-green:hover {
  color: #008457 !important;
}

/* -- Backgrounds -- */
.tse-hover-bg-color-white:hover {
  background-color: #ffffff !important;
}
.tse-hover-bg-color-black:hover {
  background-color: #0000 !important;
}
.tse-hover-bg-color-grey:hover {
  background-color: #dddd !important;
}
.tse-hover-bg-color-red:hover {
  background-color: #D73647 !important;
}
.tse-hover-bg-color-blue:hover {
  background-color: #005A9C !important;
}
.tse-hover-bg-color-orange:hover {
  background-color: #F8991D !important;
}
.tse-hover-bg-color-green:hover {
  background-color: #008457 !important;
}

/* -- Box Shadow Borders -- */
.tse-hover-box-shadow-white:hover {
  box-shadow: inset 0 0 0 1px #ffffff !important;
}
.tse-hover-box-shadow-black:hover {
  box-shadow: inset 0 0 0 1px #0000 !important;
}
.tse-hover-box-shadow-grey:hover {
  box-shadow: inset 0 0 0 1px #dddd !important;
}
.tse-hover-box-shadow-red:hover {
  box-shadow: inset 0 0 0 1px #D73647 !important;
}
.tse-hover-box-shadow-blue:hover {
  box-shadow: inset 0 0 0 1px #005A9C !important;
}
.tse-hover-box-shadow-orange:hover {
  box-shadow: inset 0 0 0 1px #F8991D !important;
}
.tse-hover-box-shadow-green:hover {
  box-shadow: inset 0 0 0 1px #008457 !important;
}

/* -- Borders -- */
.tse-hover-border-white:hover {
  border: solid #ffffff !important;
}
.tse-hover-border-black:hover {
  border: solid #0000 !important;
}
.tse-hover-border-grey:hover {
  border: solid #dddd !important;
}
.tse-hover-border-red:hover {
  border: solid #D73647 !important;
}
.tse-hover-border-blue:hover {
  border: solid #005A9C !important;
}
.tse-hover-border-orange:hover {
  border: solid #F8991D !important;
}
.tse-hover-border-green:hover {
  border: solid #008457 !important;
}

/* -- Fill colors (primarily for SVG) -- */
.tse-hover-fill-white:hover {
  fill: #ffffff !important;
}
.tse-hover-fill-black:hover {
  fill: #0000 !important;
}
.tse-hover-fill-grey:hover {
  fill: #dddd !important;
}
.tse-hover-fill-red:hover {
  fill: #D73647 !important;
}
.tse-hover-fill-blue:hover {
  fill: #005A9C !important;
}
.tse-hover-fill-orange:hover {
  fill: #F8991D !important;
}
.tse-hover-fill-green:hover {
  fill: #008457 !important;
}