/* Brand V2 color overrides for Baseten CSS */

:root {
  --b-fills-100: #FAF8F5 !important;
  --b-fills-200: #FAF8F5 !important;
  --b-fills-300: #F5F3F0 !important;
  --b-fills-400: #EBE9E6 !important;
  --b-fills-500: #D9D7D4 !important;
  --b-fills-600: #B8B6B3 !important;
  --b-fills-700: #8C8C8C !important;
  --b-fills-800: #1A1A1A !important;
  --b-fills-900: #0D0D0D !important;

  --b-grey-100: rgba(26, 26, 26, 0.06) !important;
  --b-grey-200: rgba(26, 26, 26, 0.08) !important;
  --b-grey-300: #8C8C8C !important;
  --b-grey-400: #6B6B6B !important;

  --b-bgreen-500: #4A9B9B !important;
  --b-bgreen-600: #3A7A7A !important;
}

body {
  background-color: #FAF8F5 !important;
  color: #1A1A1A !important;
}

/* Force all bgreen classes to teal */
[class*="bg-b-bgreen"],
[class*="text-b-bgreen"] {
  background-color: #4A9B9B !important;
  color: #4A9B9B !important;
}

/* Hide top banner */
.bg-b-bgreen-500.px-4.py-2,
[data-testid="banner"] {
  display: none !important;
}