:root.tint-neutral-indigo {
  --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: #747275;
  --gl-color-neutral-600: #665f6b;
  --gl-color-neutral-700: #54465d;
  --gl-color-neutral-800: #453151;
  --gl-color-neutral-900: #331f3f;
  --gl-color-neutral-950: #230f2e;
  --gl-color-neutral-1000: #0e0017;
}

:root.tint-neutral-blue {
  --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: #727274;
  --gl-color-neutral-600: #5e626a;
  --gl-color-neutral-700: #444c5c;
  --gl-color-neutral-800: #2e394f;
  --gl-color-neutral-900: #1d273c;
  --gl-color-neutral-950: #0e172b;
  --gl-color-neutral-1000: #010415;
}

:root.tint-neutral-green {
  --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: #5b6460;
  --gl-color-neutral-700: #3d4f49;
  --gl-color-neutral-800: #293d37;
  --gl-color-neutral-900: #172b25;
  --gl-color-neutral-950: #081b16;
  --gl-color-neutral-1000: #000603;
}

:root.tint-neutral-red {
  --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: #695f63;
  --gl-color-neutral-700: #59474d;
  --gl-color-neutral-800: #4a323b;
  --gl-color-neutral-900: #37212a;
  --gl-color-neutral-950: #26111a;
  --gl-color-neutral-1000: #100106;
}

:root.tint-neutral-gray {
  --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;
}