:root.tint-neutral-indigo,
.ui-indigo-scope {
  --gl-color-neutral-0: #fff;
  --gl-color-neutral-10: #f9f8fa;
  --gl-color-neutral-50: #efebf2;
  --gl-color-neutral-100: #e1d9e6;
  --gl-color-neutral-200: #c2bdc7;
  --gl-color-neutral-300: #a5a2a8;
  --gl-color-neutral-400: #89888b;
  --gl-color-neutral-500: #737374;
  --gl-color-neutral-600: #646067;
  --gl-color-neutral-700: #504955;
  --gl-color-neutral-800: #3f3546;
  --gl-color-neutral-900: #2e2434;
  --gl-color-neutral-950: #1d1424;
  --gl-color-neutral-1000: #09030e;
}

:root.tint-neutral-blue,
.ui-blue-scope {
  --gl-color-neutral-0: #fff;
  --gl-color-neutral-10: #f8f8fa;
  --gl-color-neutral-50: #e9ebf0;
  --gl-color-neutral-100: #d7dce5;
  --gl-color-neutral-200: #bcbfc6;
  --gl-color-neutral-300: #a1a3a7;
  --gl-color-neutral-400: #88888a;
  --gl-color-neutral-500: #727273;
  --gl-color-neutral-600: #5f6266;
  --gl-color-neutral-700: #474c54;
  --gl-color-neutral-800: #333945;
  --gl-color-neutral-900: #222733;
  --gl-color-neutral-950: #121722;
  --gl-color-neutral-1000: #03050d;
}

:root.tint-neutral-green,
.ui-green-scope {
  --gl-color-neutral-0: #fff;
  --gl-color-neutral-10: #f7f9f8;
  --gl-color-neutral-50: #e6edeb;
  --gl-color-neutral-100: #d4dfdb;
  --gl-color-neutral-200: #b9c1bf;
  --gl-color-neutral-300: #a0a4a3;
  --gl-color-neutral-400: #878988;
  --gl-color-neutral-500: #717372;
  --gl-color-neutral-600: #5e6361;
  --gl-color-neutral-700: #444e4a;
  --gl-color-neutral-800: #313b38;
  --gl-color-neutral-900: #1f2a26;
  --gl-color-neutral-950: #101916;
  --gl-color-neutral-1000: #010705;
}

:root.tint-neutral-red,
.ui-red-scope {
  --gl-color-neutral-0: #fff;
  --gl-color-neutral-10: #fbf7f9;
  --gl-color-neutral-50: #f4eaee;
  --gl-color-neutral-100: #e9d7de;
  --gl-color-neutral-200: #cabbc1;
  --gl-color-neutral-300: #aaa1a4;
  --gl-color-neutral-400: #8b8789;
  --gl-color-neutral-500: #747273;
  --gl-color-neutral-600: #656062;
  --gl-color-neutral-700: #53494c;
  --gl-color-neutral-800: #423539;
  --gl-color-neutral-900: #312428;
  --gl-color-neutral-950: #201418;
  --gl-color-neutral-1000: #0b0306;
}

:root.tint-neutral-gray,
.ui-gray-scope {
  --gl-color-neutral-0: #fff;
  --gl-color-neutral-10: #f8f8f8;
  --gl-color-neutral-50: #ececec;
  --gl-color-neutral-100: #dcdcdc;
  --gl-color-neutral-200: #bfbfbf;
  --gl-color-neutral-300: #a3a3a3;
  --gl-color-neutral-400: #898889;
  --gl-color-neutral-500: #727272;
  --gl-color-neutral-600: #616161;
  --gl-color-neutral-700: #4b4b4b;
  --gl-color-neutral-800: #383839;
  --gl-color-neutral-900: #272727;
  --gl-color-neutral-950: #171717;
  --gl-color-neutral-1000: #050505;
}