:root {
  /* Fonts Colors */
  --primary-font: "Jost", sans-serif;
  --secondary-font: "Orbitron", sans-serif;
  /* Primary Colors */
  --primary-10: #e1f2fd;
  --primary-20: #bde5fa;
  --primary-30: #82d2f7;
  --primary-40: #3fbbf1;
  --primary-50: #17a6e5;
  --primary-60: #0a83bf;
  --primary-70: #09689b;
  --primary-80: #0c5980;
  --primary-90: #10496a;
  --primary-100: #0d2f46;

  /* Cold Gray Colors */
  --cold-gray-10: #e2ebeb;
  --cold-gray-20: #c8d9d9;
  --cold-gray-30: #a2bebd;
  --cold-gray-40: #749c9c;
  --cold-gray-50: #598081;
  --cold-gray-60: #4c6b6e;
  --cold-gray-70: #42595c;
  --cold-gray-80: #3b4d4f;
  --cold-gray-90: #354244;
  --cold-gray-100: #232e30;

  /* Gray Colors */
  --gray-10: #e3e8ea;
  --gray-20: #cad3d7;
  --gray-30: #a6b5ba;
  --gray-40: #7a8d96;
  --gray-50: #5f727b;
  --gray-60: #56666f;
  --gray-70: #465158;
  --gray-80: #3e464c;
  --gray-90: #373d42;
  --gray-black: #22272a;

  /* White Colors */
  --white: #ffffff;
  --white-10: #ffffff;
  --white-20: #efefef;
  --white-30: #dcdcdc;
  --white-40: #dbdbdb;
  --white-50: #7c7c7c;
  --white-60: #656565;
  --white-70: #4d4d4d;
  --white-80: #454545;
  --white-90: #3d3d3d;
  --white-100: #292929;

  --green: #00ce45;
  --red: #ed452f;

  --orange: #ffb54f;

  --sidebar-color: #0c0e12;

  /* Toast Colors */
  --toast-success: var(--green);
  --toast-error: var(--red);
  --toast-bg: var(--white);
  --toast-text: var(--gray-black);
}