:root {
  --color-primary-default: #56c999;
  --color-primary-30: #e6f7f0;
  --color-primary-100: #93d3b2;
  --color-primary-200: #173348;
  --color-primary-300: #223132;
  --color-danger: #d76060;
  --color-warning: #d7a934;
  --color-white: #ffffff;
  --color-white-rgb: 255, 255, 255;
  --color-gray-5: #f8f9fd;
  --color-gray-10: #eff2f7;
  --color-gray-20: #dce0e7;
  --color-gray-30: #c0c7d4;
  --color-gray-40: #989eaa;
  --color-gray-50: #73777e;
  --color-gray-60: #565962;
  --color-gray-65: #444954;
  --color-gray-70: #393e48;
  --color-gray-70-rgb: 57,62,72;
  --color-gray-80: #2e323c;
  --color-gray-90: #21252d;
  --color-gray-100: #1c2027;
  --color-secondary-50: #8194f5;
  --color-secondary-100: #5f66f2;
  --color-secondary-200: #374e8b;
}

/* :root.dark {
  --color-primary-default: red;
} */