/* 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: #fff;
  --color-second-background: #595454;

  --color-unpublished-node: #FBB6B6;

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

  --color-white: #fff;
  --color-white-rgb: 255, 255, 255;

  --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;
  --color-grey16: #E2E2E2;

  --color-greyzencardio: #70706f;
  --color-redzencardio: #E75045;
  --color-gris: #71716F;

  /* BOOTSTRAP COLOR SET */
  --color-primary: var(--color-redzencardio);
  --color-primary-rgb: 231, 80, 69;

  --color-secondary: #f4d9d7;
  --color-secondary-rgb: 255, 18, 0;

  --color-success: #336B38;
  --color-success-rgb: 0, 190, 18;

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

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

  --color-info: #1467D8;
  --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-gris) !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;
}
.text-white {
  color: var(--color-main-white) !important;
}

/********************************************** LINKS *********************************************/
.link-primary {
  color: var(--color-primary) !important;
}
.link-primary:hover,
.link-primary:active {
  color: var(--color-secondary) !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;
}
.link-body-secondary {
  color: var(--color-gris) !important;
  text-decoration: underline;
}
.link-body-secondary:hover {
  color: var(--color-gris) !important;
  text-decoration: underline;
}

/********************************************** 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-third {
  background-color: var(--color-grey16) !important;
}
.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-white {
  background-color: var(--color-main-background) !important;
}

/********************************************** 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-primary:hover,
.btn-outline-primary:active {
  border-color: var(--color-light);
  color: var(--color-light);
  background-color: var(--color-primary) !important;
}

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