:root, [data-theme=base] {
  --accent-50: #F2F7FF;
  --accent-100: #E5F0FF;
  --accent-150: #CCE1FF;
  --accent-200: #99C2FF;
  --accent-300: #66A4FF;
  --accent-400: #3385FF;
  --accent-500: #0067FF;
  --accent-600: #0062F2;
  --accent-700: #005DE6;
  --accent-800: #0052CC;
  --accent-900: #003E99;
  --accent-950: #002966;
  --accent-1000: #001533;

  --accent-contrast: #fff;

  --accent-50-contrast: var(--accent-contrast);
  --accent-100-contrast: var(--accent-contrast);
  --accent-150-contrast: var(--accent-contrast);
  --accent-200-contrast: var(--accent-contrast);
  --accent-300-contrast: var(--accent-contrast);
  --accent-400-contrast: var(--accent-contrast);
  --accent-500-contrast: var(--accent-contrast);
  --accent-600-contrast: var(--accent-contrast);
  --accent-700-contrast: var(--accent-contrast);
  --accent-800-contrast: var(--accent-contrast);
  --accent-900-contrast: var(--accent-contrast);
  --accent-950-contrast: var(--accent-contrast);
  --accent-1000-contrast: var(--accent-contrast);

  --color-background: #FFF;
}


.co-branding-logo { object-fit: contain; }

.color-accent-50 { color: var(--accent-50); }
.color-accent-100 { color: var(--accent-100); }
.color-accent-150 { color: var(--accent-150); }
.color-accent-200 { color: var(--accent-200); }
.color-accent-300 { color: var(--accent-300); }
.color-accent-400 { color: var(--accent-400); }
.color-accent-500 { color: var(--accent-500); }
.color-accent-600 { color: var(--accent-600); }
.color-accent-700 { color: var(--accent-700); }
.color-accent-800 { color: var(--accent-800); }

.bg-accent-50 { background-color: var(--accent-50); }
.bg-accent-100 { background-color: var(--accent-100); }
.bg-accent-150 { background-color: var(--accent-150); }
.bg-accent-200 { background-color: var(--accent-200); }
.bg-accent-300 { background-color: var(--accent-300); }
.bg-accent-400 { background-color: var(--accent-400); }
.bg-accent-500 { background-color: var(--accent-500); }
.bg-accent-600 { background-color: var(--accent-600); }
.bg-accent-700 { background-color: var(--accent-700); }
.bg-accent-800 { background-color: var(--accent-800); }

.btn-primary {
  background-color: var(--accent-800);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
  background-color: var(--accent-600);
  border-color: var(--accent-700);
}

.btn-primary.disabled,
.btn-primary:disabled {
  background-color: var(--accent-500);
  border-color: var(--accent-500);
}

.btn-link {
  color: var(--accent-800);
}

.link,
.link:hover,
.btn-link:hover,
.btn-link:focus {
  color: var(--accent-900);
}

.abas .nav-tabs .nav-item .nav-link.active {
  background-color: var(--accent-100);
  border-bottom-color: var(--accent-800);
  color: var(--accent-800);
}

[data-co-branding="true"] .timer-carrinho-avulso-container,
[data-co-branding="true"] .btn-continuar-comprando {
  display: none;
}

[data-co-branding="true"] .co-branding-loader[data-state="loading"] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color-background);
  z-index: 10;
}