:root {
  --white: #fff;
  --black: #010101;
  --gray-025: #f1f2f2;
  --gray-050: #e3e5e6;
  --gray-100: #e3e5e6;
  --gray-200: #cacecf;
  --gray-300: #a0a7a8;
  --gray-400: #a0a7a8;
  --gray-500: #6f797a;
  --gray-600: #6f797a;
  --gray-700: #394748;
  --gray-800: #394748;
  --gray-900: #010101;
  --primary: #0e3a2f;
  --secondary: #78faae;
  --success: #419468;
  --info: #0961a1;
  --warning: #f7b046;
  --danger: #f15252;
  --success-light: #edf9ef;
  --info-light: #e6ecff;
  --warning-light: #fff4e0;
  --danger-light: #ffe5e7;
  --light: var(--gray-100);
  --dark: var(--gray-900);
  --primary-hover: #57756e;
  --secondary-hover: #a1fcc6;
  --sale-color: var(--danger);
  --primary-default-box-shadow-color: rgb(0 0 0 / 20%);
  --primary-transparent-color: rgb(0 0 0 / 20%);
  --bo-teaser-black: #010101;
  --bo-teaser-grey-bg: #808080;
  --bo-teaser-grey-text: #e5e5e5;
  --bo-teaser-heritage-bg: #f9f3e7;
  --bo-teaser-heritage-text: var(--gray-600);
  --bo-teaser-red: var(--primary);
}