:root {

  --background-900: #111928;
  --background-800: #1f2a37;
  --background-700: #374151;
  --background-600: #4b5563;
  --background-500: #6b7280;
  --background-400: #9ca3af;
  --background-300: #d1d5db;
  --background-200: #e5e7eb;
  --background-100: #f3f4f6;
  --background-50: #f9fafb;
  --background-0: #fff;

  --background-0-30: rgba(255, 255, 255, 0.3);

  --primary-900: #E13545;
  --primary-800: #EF4F5F;
  --primary-700: #F25867;
  --primary-600: #F66471;
  --primary-500: #F97580;
  --primary-300: #FFA7AE;
  --primary-200: #FFC8CC;
  --primary-100: #FFE5E7;
  --primary-50: #FFF6F7;

  --info-800: var(--background-700);
  --info-50: var(--background-0);

  --secondary-700: #8A7D2E;
  --secondary-100: #F4F1DE;

  --success-300: #0e9f6e;
  --success-200: #31c48d;

  --error-400: #c81e1e;
  --error-300: #e02424;
  --error-200: #f05252;
  --error-100: #fdf2f2;

  --warning-200: #ff5a1f;

  --special-separator: #d9d9d9;
  --special-star: #eab308;

  --overlay: rgb(0 0 0 / 0.15);
  --overlay-2: rgb(0 0 0 / 0.60);

  --input-control-check: var(--primary-900);

  --text-c-900: var(--background-900);
  --text-c-800: var(--background-800);
  --text-c-700: var(--background-700);
  --text-c-600: var(--background-600);
  --text-c-500: var(--background-500);
  --text-c-400: var(--background-400);
  --text-c-300: var(--background-300);
  --text-c-200: var(--background-200);
  --text-c-100: var(--background-100);
  --text-c-50: var(--background-50);
  --text-c-0: var(--background-0);

  --border-c-900: var(--background-900);
  --border-c-800: var(--background-800);
  --border-c-700: var(--background-700);
  --border-c-600: var(--background-600);
  --border-c-500: var(--background-500);
  --border-c-300: var(--background-300);
  --border-c-200: var(--background-200);
  --border-c-100: var(--background-100);
  --border-c-0: var(--background-0);

}

body.red .bg-color-palette-subcategory-accordion {
  background-color: var(--primary-100);
}


body.red .bg-color-pallete-search {
  background-color: var(--primary-50);
}

body.red .bg-color-palette-bottom-button {
  background-color: var(--primary-800);
}

body.red .outline-color-palette-bottom-button {
  outline: 0px;
}

body.red .outline-color-palette-button {
  outline-color: var(--primary-800);
}

body.red .bg-category-menu,
body.red .bg-primary-200 {
  background-color: var(--primary-500);
  color: var(--background-0);
  outline: 0px;
}

body.red .bg-primary-200:disabled {
  background-color: var( --background-200);
  color: var(--text-c-400);
}

body.red .text-color-palette-qty {
  color: var(--background-900);
}

body.red .outline-color-palette-add-btn {
  outline-color: var(--primary-500);
}

body.red .color-palette-menu-category-chevron {
  color: var(--primary-500);
}

body.red .bg-info-50 {
  background-color: var(--info-50);
  border: 1px solid var(--primary-50);
}

body.red .check-dropdown-color-palette {
  color: var(--primary-800);
}

body.red .bg-primary-100 {
  background-color: var(--primary-200);
  color: var(--background-900);
  outline: 0px;
}

body.red .text-anchor-tag-color-palette {
  color: var(--primary-900);
}

.bg-closed-dialog-message {
  background-color: var(--background-100);
}