:root {
  /*   #414447 #29313a */
  --color-dark: #29313a;
  --color-dark--op75: rgb(65, 68, 71, 0.75);
  --color-dark--op50: rgb(65, 68, 71, 0.5);
  --color-dark--op30: rgb(65, 68, 71, 0.3);
  --color-dark--op20: rgb(65, 68, 71, 0.2);
  --color-dark-darker: #20272e;

  --color-success: #009138;
  --color-success-light: #3ccf75;
  --color-success-text: #FFFFFF;
  --color-success-darker: #009138;

  --color-primary: #009138;
  --color-primary-100: #009138;
  --color-primary-100-darker: #006d2a;

  --color-grey-shade: #f2f2f2;

  --color-secondaryA-50: #eeeeee;
  --color-secondaryB-50: #d0d9dd;

  --color-km-handle: #824848;
  --color-checkbox-select: #ba6868;
  --color-exclamation: #cb4d4d;


  /*    Icon colors */
  --color-icon-dark: #414447;
  --color-icon-primary: #6b0000!important;

  --color-btn-selected: #29313a;

  /*   Form colors */
  --color-form-placeholder: rgb(65, 68, 71, 0.5);
  --color-form-border: rgb(65, 68, 71, 0.15);

  /*    Card colors */
  --color-card-icon-hover: #d6dfe3;

  /*   Dashboard colors */
  --color-dashboard-km: #6e7a83;
  --color-dashboard-narrative: #9f4f4f;
  --color-dashboard-image: #912f2f;

  /*    Entity: background and icon colors */
  --color-entity-bg-thing: #dbdbde;
  --color-entity-bg-actor: #d0d9dd;
  --color-entity-bg-type: #e3e0d7;
  --color-entity-bg-resource: #e5e9f0;

  --color-entity-icon-thing: #5d5b5b;
  --color-entity-icon-actor: #6f4545;
  --color-entity-icon-type: #857070;
  --color-entity-icon-resource: #9b5050;

  /*   Progress bar */
  --progress-bar-bg: #3a2929;

  --color-panelHeading-bg: rgba(71, 65, 65, 0.7);
}