body {
  --body-text-r: 255;
  --body-text-g: 255;
  --body-text-b: 255;
  --body-text-color-with-alpha: var(--body-text-r), var(--body-text-g), var(--body-text-b);
  --body-text-color: rgb(var(--body-text-r), var(--body-text-g), var(--body-text-b));

  --background-gradient-start-color: #2a6794;
  --background-gradient-end-color: #34a8b8;
  --background-color: linear-gradient(
    76.88deg,
    var(--background-gradient-start-color) 3.09%,
    var(--background-gradient-end-color) 96.27%
  );

  /* Info header */
  --background-gradient-start-color-red: #b92626;
  --background-gradient-end-color-red: #d44848;
  --background-color-red: linear-gradient(
    76.88deg,
    var(--background-gradient-start-color-red) 3.09%,
    var(--background-gradient-end-color-red) 96.27%
  );

  --color-gray-light: #ddd;
  --color-yellow: #ffb904;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-disabled: rgba(6, 7, 12, 0.16);

  --progress-bar-gradient-start-color: #fcf43e;
  --progress-bar-gradient-end-color: #ffb904;
  --progress-bar-background: linear-gradient(
    269.67deg,
    var(--progress-bar-gradient-start-color) 3.2%,
    var(--progress-bar-gradient-end-color) 99.38%
  );

  --gradient-start-color-yellow: #faab12;
  --gradient-end-color-yellow: #ecd458;

  --gradient-start-color-white: rgba(194, 194, 194, 0.67);
  --gradient-end-color-white: rgba(255, 255, 255, 0.56);

  --gradient-start-color-blue: #0d9dee;
  --gradient-end-color-blue: #10d1dd;

  --link-active-color: #ffb15c;
  --link-hover-color: #ecd458;

  --input-title-color: #ffffffbf;
  --input-outline-color: #ffffffbf;

  --border-light-color: #ffb15c;
  --border-bottom: rgba(255, 255, 255, 0.5);

  --snackbar-success-background: #34a8b8;
  --snackbar-error-background: #ff673c;
  --snackbar-button-background: #ddd;

  --dropdown-background-color: #34a8b8;
  --dropdown-shadow-color: rgba(6, 7, 12, 0.16);
  --dropdown-item-hover-color: rgba(255, 255, 255, 0.26);
  --dropdown-item-activated-color: rgba(255, 255, 255, 0.4);
  --button-gradient-yellow-background: linear-gradient(
    68.04deg,
    var(--gradient-start-color-yellow) 3.23%,
    var(--gradient-end-color-yellow) 95.67%
  );
  --button-gradient-blue-background: linear-gradient(
    89.69deg,
    var(--gradient-start-color-blue) 4.44%,
    var(--gradient-end-color-blue) 97.48%
  );
  --button-gradient-white-background: linear-gradient(
    82.69deg,
    var(--gradient-start-color-white) 3.36%,
    var(--gradient-end-color-white) 100%
  );

  --button-gradient-grey-background: linear-gradient(
    69.16deg,
    rgba(255, 255, 255, 0.4) 3.06%,
    rgba(255, 255, 255, 0.3) 94.35%
  );

  --container-gradient-white-background: linear-gradient(
    69.16deg,
    rgb(255,255,255,0.4) 3.06%,
    rgb(255,255,255,0.24) 94.35%
  );

  --scrollbar-color: rgba(255, 255, 255, 0.88);

  --nav-link-background: linear-gradient(81.51deg, rgba(194, 194, 194, 0.67) 0%, rgba(255, 255, 255, 0.57) 100%);

  --list-item-highlight: rgba(255, 255, 255, 0.05);

  --text-incomplete-color: #ffb904;
  --text-complete-color: #00e2fa;
  --text-error-color: #ff8f8f;

  --liveness-background: url(#ares-gradient);
  --liveness-result-animation-background-color: #9DCC45;

  /* Double check font size if change font-family */
  --id-document-font-size: 1.3rem;
}