:root {
  --main-color: #376fb7; // 2C8FD0; // #35BBCA; /* #3AAFA9; #48a9c5; */
  --main-color-hover: #F7F2EB; /* #0085ad; */
  --main-text-color: #222; // #35BBCA; /* #3AAFA9; #48a9c5; */

  --secondary-color: #c44569;
  --secondary-color-hover: #f68620; // #E28D4C; // #cf6a87;
  --secondary-text-color: #F7F2EB; // #35BBCA; /* #3AAFA9; #48a9c5; */

  --tertiary-text-color: #222;
  --tertiary-color: #f68620; // FFA908; // #F8DD68;
  --tertiary-color-hover: #FF5C01; // #EBB156;

  --darker-color-rgba: rgba(50,60,70,.6);
  --main-rgba: rgba(99, 205, 218, 0.97);
  --secondary-rgba: rgba(196, 69, 105, 0.97);
}

.color-main { color: var(--main-color); }
.color-rgba { color: var(--main-rgba); }
.color-secondary { color: var(--secondary-color); }
.color-tertiary { color: var(--tertiary-color); }
.color-darker { color: var(--darker-color-rgba); }

.bg-color-main { background-color: var(--main-color); }
.bg-color-main-dark { background-color: var(--main-color-hover); }
.bg-color-rgba { background-color: var(--main-rgba); }
.bg-color-secondary { background-color: var(--secondary-color); }
.bg-color-tertiary { background-color: var(--tertiary-color); }
.bg-color-darker { background-color: var(--darker-color-rgba); }