/* Updated colors.css - Bootstrap color mapping */
:root {
  --color-main-black: #000;
  --color-main-black-rgb: 0, 0, 0;
  --color-main-white: #ffffff;
  --color-main-red: #FF1200;
  --color-main-red-rgb: 255, 18, 0;
  --color-main-green: #00BE12;
  --color-main-green-rgb: 0, 190, 18;
  --color-main-blue: #1467D8;

  --color-main-background: #EEEEE4;
  --color-second-background: #F7F6F4;

  --color-unpublished-node: #FBB6B6;

  --color-green1: #00BE12;
  --color-green2: #00BE12;
  --color-blue-button: #1467D8;
  --color-red1: #FF1200;
  --color-red2: #FF1200;
  --color-yellow1: #FFFED6;

  --color-grey1: #111;
  --color-grey2: #222;
  --color-grey3: #333;
  --color-grey4: #444;
  --color-grey5: #555;
  --color-grey6: #666;
  --color-grey7: #777;
  --color-grey72: #727272;
  --color-grey8: #888;
  --color-grey9: #999;
  --color-grey9-rgb: 153, 153, 153;
  --color-grey10: #aaa;
  --color-grey11: #bbb;
  --color-grey12: #ccc;
  --color-grey12-rgb: 204, 204, 204;
  --color-grey13: #ddd;
  --color-grey13-rgb: 221, 221, 221;
  --color-grey14: #eee;
  --color-grey14-rgb: 238, 238, 238;
  --color-grey15: #f1f1f1;

  /* BOOTSTRAP COLOR SET */
  --color-primary: #0783FF;
  --color-primary-rgb: 20, 103, 216;

  --color-secondary: #143F59;
  --color-secondary-rgb: 255, 18, 0;

  --color-success: #198754;
  --color-success-rgb: 0, 190, 18;

  --color-danger: #F5333F;
  --color-danger-rgb: 255, 18, 0;

  --color-warning: #F3B838;
  --color-warning-rgb: 255, 254, 214;

  --color-info: #46b8da;
  --color-info-rgb: 20, 103, 216;

  --color-light: #eee;
  --color-light-rgb: 238, 238, 238;

  --color-dark: #000;
  --color-dark-rgb: 0, 0, 0;

  --bs-link-color: var(--color-primary);
  --bs-link-hover-color: var(--color-primary);
}

/********************************************** TEXT *********************************************/
.text-primary { 
  color: var(--color-primary) !important; 
}
.text-secondary { 
  color: var(--color-secondary) !important; 
}
.text-success { 
  color: var(--color-success) !important; 
}
.text-danger { 
  color: var(--color-danger) !important; 
}
.text-warning { 
  color: var(--color-warning) !important; 
}
.text-info { 
  color: var(--color-info) !important; 
}
.text-light { 
  color: var(--color-light) !important; 
}
.text-dark { 
  color: var(--color-dark) !important; 
}

/********************************************** LINKS *********************************************/
.link-primary { 
  color: var(--color-primary) !important; 
}
.link-secondary { 
  color: var(--color-secondary) !important; 
}
.link-success { 
  color: var(--color-success) !important; 
}
.link-danger { 
  color: var(--color-danger) !important; 
}
.link-warning { 
  color: var(--color-warning) !important; 
}
.link-info { 
  color: var(--color-info) !important; 
}
.link-light { 
  color: var(--color-light) !important; 
}
.link-dark { 
  color: var(--color-dark) !important; 
}

/********************************************** BACKGROUNDS ****************************************/ 
.bg-primary { 
  background-color: var(--color-primary) !important;
  color: var(--color-main-white); 
}
.bg-secondary { 
  background-color: var(--color-secondary) !important;
  color: var(--color-main-white); 
}
.bg-success { 
  background-color: var(--color-success) !important;
  color: var(--color-main-white); 
}
.bg-danger { 
  background-color: var(--color-danger) !important;
  color: var(--color-main-white); 
}
.bg-warning { 
  background-color: var(--color-warning) !important;
  color: var(--color-main-black); 
}
.bg-info { 
  background-color: var(--color-info) !important;
  color: var(--color-main-black); 
}
.bg-light { 
  background-color: var(--color-light) !important;
  color: var(--color-main-black); 
}
.bg-dark { 
  background-color: var(--color-dark) !important;
  color: var(--color-main-white); 
}
.bg-grey { 
  background-color: var(--color-grey8) !important;
  color: var(--color-main-white); 
}

/********************************************** BORDERS ********************************************/ 
.border-primary { 
  border-color: var(--color-primary) !important; 
}
.border-secondary { 
  border-color: var(--color-secondary) !important; 
}
.border-success { 
  border-color: var(--color-success) !important; 
}
.border-danger { 
  border-color: var(--color-danger) !important; 
}
.border-warning { 
  border-color: var(--color-warning) !important; 
}
.border-info { 
  border-color: var(--color-info) !important; 
}
.border-light { 
  border-color: var(--color-light) !important; 
}
.border-dark { 
  border-color: var(--color-dark) !important; 
}

/********************************************** BUTTONS ********************************************/ 
.btn-primary {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-main-white);
}
.btn-secondary {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
  color: var(--color-main-white);
}
.btn-success {
  background-color: var(--color-success);
  border-color: var(--color-success);
  color: var(--color-main-white);
}
.btn-danger {
  background-color: var(--color-danger);
  border-color: var(--color-danger);
  color: var(--color-main-white);
}
.btn-warning {
  background-color: var(--color-warning);
  border-color: var(--color-warning);
  color: var(--color-main-black);
}
.btn-info {
  background-color: var(--color-info);
  border-color: var(--color-info);
  color: var(--color-main-black);
}
.btn-light {
  background-color: var(--color-light);
  border-color: var(--color-light);
  color: var(--color-main-black);
}
.btn-dark {
  background-color: var(--color-dark);
  border-color: var(--color-dark);
  color: var(--color-main-white);
}

/******** OUTLINE BUTTONS ********/
.btn-outline-primary { 
  border-color: var(--color-primary);
  color: var(--color-primary); 
}
.btn-outline-secondary { 
  border-color: var(--color-secondary);
  color: var(--color-secondary); 
}
.btn-outline-success { 
  border-color: var(--color-success);
  color: var(--color-success); 
}
.btn-outline-danger { 
  border-color: var(--color-danger);
  color: var(--color-danger); 
}
.btn-outline-warning { 
  border-color: var(--color-warning);
  color: var(--color-warning); 
}
.btn-outline-info { 
  border-color: var(--color-info);
  color: var(--color-info); 
}
.btn-outline-light { 
  border-color: var(--color-light);
  color: var(--color-light); 
}
.btn-outline-dark { 
  border-color: var(--color-dark);
  color: var(--color-dark); 
}

/********************************************** ALERTS *********************************************/
.alert-primary { 
  background-color: var(--color-primary);
  color: var(--color-main-white); 
  border-color: var(--color-primary); 
}
.alert-secondary { 
  background-color: var(--color-secondary);
  color: var(--color-main-white); 
  border-color: var(--color-secondary); 
}
.alert-success { 
  background-color: var(--color-success);
  color: var(--color-main-white); 
  border-color: var(--color-success); 
}
.alert-danger { 
  background-color: var(--color-danger);
  color: var(--color-main-white); 
  border-color: var(--color-danger); 
}
.alert-warning { 
  background-color: var(--color-warning);
  color: var(--color-main-black); 
  border-color: var(--color-warning); 
}
.alert-info { 
  background-color: var(--color-info);
  color: var(--color-main-white); 
  border-color: var(--color-info); 
}
.alert-light { 
  background-color: var(--color-light);
  color: var(--color-main-black); 
  border-color: var(--color-light); 
}
.alert-dark { 
  background-color: var(--color-dark);
  color: var(--color-main-white); 
  border-color: var(--color-dark); 
}