:root {
  --main-fcolor1: #1d3156;
  --main-fcolor2: #1d3156;
  --main-bcolor1: #d2d6de;
  --main-bcolor2: #f7f7f7;
  --main-bcolor3: #fbfbfb; 
  --main-bcolor-white: #fff;
  
  --sharp-default: #ffffff;
  --sharp-primary: #1d3156;
  --sharp-danger: #d9534f;
  --sharp-success: #5cb85c;
  --sharp-info: #5bc0de;
  --sharp-warning: #f0ad4e;
  
  --mid-default: #d0d0d0;
  --mid-primary: #4E699B;
  --mid-danger: #B35C59;
  --mid-success: #70AE70;
  --mid-info: #95CBDB;
  --mid-warning: #D9B27B;
  
  --soft-default: #DFDFDF;
  --soft-primary: #9CBFFF;
  --soft-danger: #f2dede;
  --soft-success: #dff0d8;
  --soft-info: #d9edf7;
  --soft-warning: #fcf8e3;
  
  --text-default: #000000;
  --text-primary: #337ab7;
  --text-danger: #a94442;
  --text-success: #3c763d;
  --text-info: #31708f;
  --text-warning: #8a6d3b;
  --text-light: #ffffff;
  --text-dark: #000000;
  
  --state-new: #007bff;
  --state-unplanned: #6c757d;
  --state-planned: #6f42c1;
  --state-open: #dcdcdc;
  --state-paused: #f39C12;
  --state-started: #28a745;
  --state-stopped: #ff4136;
  --state-issued: #dc3545;
  --state-received: #17a2b8;
  --state-completed: #343a40;
  --state-deleted: #ffa500;
}