:root {
  --color-neutral-1: #F2F2F2;
  --color-neutral-2: #e8e8e8;
  --color-neutral-3: #e4e4e4;
  --color-neutral-4: #cccccc;
  --color-neutral-5: #b2b2b2;
  --color-neutral-6: #666666;
  --color-neutral-7: #545454;
  --color-neutral-8: #262626;
  --color-neutral-9: #0c0c0c;
  --color-neutral-10: #1c3225;
  --color-neutral: var(--color-neutral-5);

  --color-primary-1: #edf3fb;
  --color-primary-2: #b1cbf0;
  --color-primary-3: #84aee7;
  --color-primary-4: #5895e9;
  --color-primary-5: #1c69d3;
  --color-primary-6: #2658bb;
  --color-primary-7: #15489c;
  --color-primary-8: #11337c;
  --color-primary-9: #0d245f;
  --color-primary-10: #071335;
  --color-primary: var(--color-primary-5);

  --color-info-1: #cff2f7;
  --color-info-2: #a7e8f0;
  --color-info-3: #75dbe8;
  --color-info-4: #3dccde;
  --color-info-5: #00bcd4;
  --color-info-6: #00a0b8;
  --color-info-7: #00849d;
  --color-info-8: #00637d;
  --color-info-9: #00485f;
  --color-info-10: #002735;
  --color-info: var(--color-info-5);

  --color-danger-1: #f8d8d9;
  --color-danger-2: #f2b9ba;
  --color-danger-3: #ea9192;
  --color-danger-4: #e16466;
  --color-danger-5: #d83336;
  --color-danger-6: #bc2c2c;
  --color-danger-7: #a02926;
  --color-danger-8: #7f261e;
  --color-danger-9: #612017;
  --color-danger-10: #36120d;
  --color-danger: var(--color-danger-5);

  --color-success-1: #d5f1cf;
  --color-success-2: #b2e5a7;
  --color-success-3: #87d775;
  --color-success-4: #56c73d;
  --color-success-5: #21b500;
  --color-success-6: #1a9d00;
  --color-success-7: #128600;
  --color-success-8: #086b00;
  --color-success-9: #045100;
  --color-success-10: #012d00;
  --color-success: var(--color-success-5);

  --color-warning-1: #ffebcf;
  --color-warning-2: #ffdba7;
  --color-warning-3: #ffc775;
  --color-warning-4: #ffb13d;
  --color-warning-5: #ff9800;
  --color-warning-6: #de8900;
  --color-warning-7: #bd7800;
  --color-warning-8: #966900;
  --color-warning-9: #735300;
  --color-warning-10: #403000;
  --color-warning: var(--color-warning-5);

  --color-bg-1: #f3f3f4;
  --color-bg-2: #393838;
  --color-bg-3: #1d1c1c;
}