:root {
    --teameo-font-size: 14px;
    --teameo-primary-bg: #0c71c3;
    --teameo-primary-rgb: 12,113,195;
    --teameo-primary-hover-bg: #d3e5ff;
    --teameo-primary-active-bg: #0c71c3;
    --teameo-secondary-bg: #2A3749;
    --teameo-secondary-rgb: 42,55,73;
    --teameo-secondary-hover-bg: #2A3749;
    --teameo-secondary-active-bg: #2A3749;
    --teameo-modal-zindex: 100005;
    --teameo-backdrop-zindex: 100000;
    --teameo-success: #e3fcef;
    --teameo-danger: #ffbdad;
    --teameo-warning: #fff0b3;
    --teameo-info: #deebff;
    
    --bs-primary-rgb: var(--teameo-primary-rgb);
    --bs-body-font-size: var(--teameo-font-size);
  }
  .modal {
    --bs-modal-zindex: var(--teameo-modal-zindex);
  }
  .modal-backdrop {
    --bs-backdrop-zindex: var(--teameo-backdrop-zindex);
    --bs-backdrop-bg: var(--teameo-primary-bg);
    --bs-backdrop-opacity: 0.5;
  }
  .btn {
    --bs-btn-font-size: var(--teameo-font-size);
  }
  .btn-primary {
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--teameo-primary-bg);
    --bs-btn-border-color: var(--teameo-primary-bg);
    --bs-btn-hover-color: var(--teameo-primary-bg);
    --bs-btn-hover-bg: var(--teameo-primary-hover-bg);
    --bs-btn-hover-border-color: var(--teameo-primary-hover-bg);
    --bs-btn-focus-shadow-rgb: var(--teameo-primary-rgb);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: var(--teameo-primary-active-bg);
    --bs-btn-active-border-color: var(--teameo-primary-active-bg);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--teameo-primary-bg);
    --bs-btn-disabled-border-color: var(--teameo-primary-bg);
  }
  .btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--teameo-secondary-bg);
    --bs-btn-border-color: var(--teameo-secondary-bg);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--teameo-secondary-hover-bg);
    --bs-btn-hover-border-color: var(--teameo-secondary-hover-bg);
    --bs-btn-focus-shadow-rgb: var(--teameo-secondary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--teameo-secondary-active-bg);
    --bs-btn-active-border-color: var(--teameo-secondary-active-bg);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--teameo-secondary-bg);
    --bs-btn-disabled-border-color: var(--teameo-secondary-bg);
  }
  .text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--teameo-primary-rgb),
      var(--bs-text-opacity)) !important;
  }
  .bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--teameo-primary-rgb),var(--bs-bg-opacity)) !important;
  }