: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: #111928;
  --primary-700: #111928;
  --primary-600: #1f2a37;
  --primary-500: #6b7280;
  --primary-300: #d1d5db;
  --primary-200: #e5e7eb;
  --primary-100: #f3f4f6;
  --primary-50: #f3f4f6;

  --info-800: #1E429F;
  --info-50: #EBF5FF;

  --secondary-700: #891323;
  --secondary-100: #FFFBF1;

  --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);

}

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

.bg-category-menu {
  background-color: var(--primary-100);
}