:root,
*:before,
*:after {
  --theme-color: #307be6;
  --theme-contrast-color: #ffffff;
  --theme-darken-color: #2b6fcf;
  --theme-darken-color-5: #2e75db;
  --theme-darken-color-10: #2b6fcf;
  --theme-darken-color-20: #2662b8;
  --theme-darken-color-25: #245cad;
  --theme-darken-color-30: #2256a1;
  --theme-darken-color-40: #1d4a8a;
  --theme-darken-color-50: #183e73;
  --theme-darken-color-60: #13315c;
  --theme-darken-color-70: #0e2545;
  --theme-darken-color-80: #0a192e;

  --theme-lighten-color: #c9ffff;
  --theme-lighten-color-70: #7dc8ff;

  --darken-contrast-color-5: #f2f2f2;
  --darken-contrast-color-8: #ebebeb;

  --theme-background-image: none;

  --background-opacity-95: rgba(48, 123, 230, 0.95);
}