.light-theme {
  --primary-0-color: #2e6398;
  --primary-1-color: #40678e;
  --primary-2-color: #325f97;
  --primary-3-color: #b0cbf4;
  --primary-4-color: #4590d1;
  --primary-5-color: #91a8c6;

  --surface-level0-color: #ffffff;
  --surface-level1-color: #d8d8d8;
  --surface-level2-color: #bdbdbd;
  --surface-level3-color: #cdcdcd;
  --surface-level4-color: #b3b3b3;
  --surface-level5-color: #9c9c9c;

  --border-color: #7e7e7e;

  --text-color: #202020;
  --text1-color: #272727;
  --placeholder-color: #595959;

  --error-color: #782e2e;
  --error0-color: #c14a4a;
  --ok-color: #254c71;
}