:root {
  /* nav-static */
  --kit-palette-nav-static-0: #fff;
  --kit-palette-nav-static-100: #ebf0f4;
  --kit-palette-nav-static-200: #6083a7;
  --kit-palette-nav-static-300: #3c5170;
  --kit-palette-nav-static-400: #2a394e;
  --kit-palette-nav-static-500: #343c49;

  /* primary */
  --kit-palette-primary-100: #ebf0f4;
  --kit-palette-primary-200: #6083a7;
  --kit-palette-primary-300: #3c5170;
  --kit-palette-primary-400: #2a394e;
  --kit-palette-primary-500: #343c49;

  /* neutral */
  --kit-palette-neutral-0: #fff;
  --kit-palette-neutral-50: #f9f9f9;
  --kit-palette-neutral-100: #ededed;
  --kit-palette-neutral-200: #a9b2ba;
  --kit-palette-neutral-300: #84909c;
  --kit-palette-neutral-400: #596067;

  /* accent */
  --kit-palette-accent-50: #f8fcff;
  --kit-palette-accent-100: #ecf8fe;
  --kit-palette-accent-200: #2ca8fd;
  --kit-palette-accent-300: #1a9af1;
  --kit-palette-accent-400: #138cdf;

  /* error */
  --kit-palette-error-50: #fff2f2;
  --kit-palette-error-100: #ffdede;
  --kit-palette-error-200: #bf0000;
  --kit-palette-error-300: #a00;
  --kit-palette-error-400: #9d1c1c;

  /* success */
  --kit-palette-success-50: #f2f8ee;
  --kit-palette-success-100: #e5f2dc;
  --kit-palette-success-200: #5ca400;
  --kit-palette-success-300: #4f8c00;
  --kit-palette-success-400: #407200;

  /* green */
  --kit-palette-green-300: #00b13a;

  /* warning */
  --kit-palette-warning-50: #fff8e1;
  --kit-palette-warning-100: #fff1c8;
  --kit-palette-warning-200: #f4b703;
  --kit-palette-warning-300: #f8a900;
  --kit-palette-warning-400: #d06c00;

  /* collision risk */
  --kit-palette-collision-risk-50: #f5f2ff;
  --kit-palette-collision-risk-100: #e3d9ff;
  --kit-palette-collision-risk-200: #885dff;
  --kit-palette-collision-risk-300: #6945cc;
  --kit-palette-collision-risk-400: #4e3496;

  /* blue */
  --kit-palette-blue-50: #f8fcff;
  --kit-palette-blue-100: #ecf8fe;
  --kit-palette-blue-200: #2ca8fd;
  --kit-palette-blue-300: #1a9af1;
  --kit-palette-blue-400: #138cdf;

  /* grey static */
  --kit-palette-grey-static-50: #f9f9f9;
  --kit-palette-grey-static-100: #ededed;
  --kit-palette-grey-static-200: #a9b2ba;
  --kit-palette-grey-static-300: #84909c;
  --kit-palette-grey-static-400: #596067;
}

.theme-dark {
  /* navigation-static */
  --kit-palette-nav-static-0: #fff;
  --kit-palette-nav-static-100: #ebf0f4;
  --kit-palette-nav-static-200: #6083a7;
  --kit-palette-nav-static-300: #3c5170;
  --kit-palette-nav-static-400: #2a394e;
  --kit-palette-nav-static-500: #343c49;

  /* primary */
  --kit-palette-primary-100: #4a5360;
  --kit-palette-primary-200: #759dc6;
  --kit-palette-primary-300: #6083a7;
  --kit-palette-primary-400: #3c5170;
  --kit-palette-primary-500: #fff;

  /* neutral */
  --kit-palette-neutral-0: #181e28;
  --kit-palette-neutral-50: #272e3b;
  --kit-palette-neutral-100: #3f4752;
  --kit-palette-neutral-200: #596067;
  --kit-palette-neutral-300: #84909c;
  --kit-palette-neutral-400: #c9cdd2;

  /* accent */
  --kit-palette-accent-50: #2c3a50;
  --kit-palette-accent-100: #204d73;
  --kit-palette-accent-200: #2ca8fd;
  --kit-palette-accent-300: #1a9af1;
  --kit-palette-accent-400: #138cdf;

  /* error */
  --kit-palette-error-50: #382327;
  --kit-palette-error-100: #4c2e33;
  --kit-palette-error-200: #ff5454;
  --kit-palette-error-300: #ec4f4f;
  --kit-palette-error-400: #e36d6d;

  /* success */
  --kit-palette-success-50: #1e2a1e;
  --kit-palette-success-100: #3a4c3a;
  --kit-palette-success-200: #6fc502;
  --kit-palette-success-300: #66ad0b;
  --kit-palette-success-400: #5ca400;

  /* green */
  --kit-palette-green-300: #00b13a;

  /* warning */
  --kit-palette-warning-50: #483f29;
  --kit-palette-warning-100: #5c523a;
  --kit-palette-warning-200: #f4b703;
  --kit-palette-warning-300: #f8a900;
  --kit-palette-warning-400: #e49000;

  /* collision risk */
  --kit-palette-collision-risk-50: #f5f2ff;
  --kit-palette-collision-risk-100: #e3d9ff;
  --kit-palette-collision-risk-200: #885dff;
  --kit-palette-collision-risk-300: #6945cc;
  --kit-palette-collision-risk-400: #4e3496;

  /* blue */
  --kit-palette-blue-50: #152a3e;
  --kit-palette-blue-100: #173e60;
  --kit-palette-blue-200: #47b4ff;
  --kit-palette-blue-300: #2ca8fd;
  --kit-palette-blue-400: #1a9af1;

  /* grey static */
  --kit-palette-grey-static-50: #272e3b;
  --kit-palette-grey-static-100: #3f4752;
  --kit-palette-grey-static-200: #596067;
  --kit-palette-grey-static-300: #84909c;
  --kit-palette-grey-static-400: #c9cdd2;
}