:root {
  /* Base Colors */
  --inherit: inherit;
  --current: currentColor;
  --transparent: transparent;
  --black: #000000;
  --gray: #808080;
  --gray-disabled: #ced4da;
  --white: #ffffff;

  /* Primary */
  --primary-200: hsla(207, 45%, 18%, 0.2);
  --primary-600: hsla(207, 45%, 18%, 0.6);
  --primary-900: hsla(207, 45%, 18%, 1);
  --primary-950: hsla(207, 45%, 22%, 1);
  --primary: hsla(207, 45%, 18%, 1);

  /* Secondary */
  --secondary: hsla(200, 100%, 37%, 1);
  --secondary-accent: hsla(200, 100%, 15%, 1);
  --secondary-100: hsla(200, 100%, 37%, 0.1);
  --secondary-600: hsla(200, 100%, 37%, 0.6);
  --secondary-900: hsla(200, 100%, 37%, 1);
  --secondary-950: hsla(200, 100%, 40%, 1);

  /* Info */
  --info-200: hsla(184, 82%, 42%, 0.2);
  --info-600: hsla(184, 82%, 42%, 0.6);
  --info-900: hsla(184, 82%, 42%, 1);
  --info-950: hsla(184, 82%, 46%, 1);
  --info: hsla(184, 82%, 42%, 1);

  /* DS */
  --ds-base: #f3f3f3;
  --ds-neutral: #2b546b;
  --ds-accent: #e93266;
  --ds-copy: #000000;
  --ds-placeholder: #848389;

  /* Status */
  --status-success-200: hsla(114, 76%, 33%, 0.2);
  --status-success-600: hsla(114, 76%, 33%, 0.6);
  --status-success-900: hsla(114, 76%, 33%, 1);
  --status-success-950: hsla(114, 76%, 37%, 1);
  --status-success: hsla(114, 76%, 33%, 1);

  --status-warning-200: hsla(32, 89%, 52%, 0.2);
  --status-warning-600: hsla(32, 89%, 52%, 0.6);
  --status-warning-900: hsla(32, 89%, 52%, 1);
  --status-warning-950: hsla(32, 89%, 56%, 1);
  --status-warning: hsla(32, 89%, 52%, 1);

  --status-error-200: hsla(0, 79%, 52%, 0.2);
  --status-error-600: hsla(0, 79%, 52%, 0.6);
  --status-error-900: hsla(0, 79%, 52%, 1);
  --status-error-950: hsla(0, 79%, 56%, 1);
  --status-error: hsla(0, 79%, 52%, 1);

  /* Badge */
  --badge-green-400: #84cc16;
  --badge-green-900: #14532d;

  --badge-orange-400: #fb923c;
  --badge-orange-900: #7c2d12;

  --badge-red-500: #ef4444;
  --badge-red-900: #7f1d1d;

  --badge-cyan-400: #22d3ee;
  --badge-cyan-900: #164e63;

  --badge-yellow-300: #fde68a;
  --badge-yellow-800: #92400e;

  --badge-amber-600: #d97706;
  --badge-amber-900: #78350f;

  --badge-purple-300: #d8b4fe;
  --badge-purple-900: #581c87;
}
.bg-ds-neutral {
  background-color: var(--gray) !important;
}
.border-ds-placeholder {
  border-color: var(--ds-neutral) !important;
}
.ds-date-input .p-button.p-component.p-datepicker-trigger.p-button-icon-only {
  border-color: var(--ds-neutral) !important;
}
.ds-date-input .p-button.p-component.p-datepicker-trigger.p-button-icon-only.p-disabled {
  border-color: var(--gray-disabled) !important;
}
