:root {
  --white: #fff;
  --black: #000;
  --gray-025: #f6f6f6;
  --gray-050: #f6f6f6;
  --gray-100: #e7e7e7;
  --gray-200: #d1d1d1;
  --gray-300: #b0b0b0;
  --gray-400: #888;
  --gray-500: #656565;
  --gray-600: #4f4f4f;
  --gray-700: #454545;
  --gray-800: #3d3d3d;
  --gray-900: #262626;
  --secondary: #6f816d;
  --secondary-light: #c7d1c8;
  --tertiary: #a49eb8;
  --tertiary-light: #e6e1f5;
  --primary: #656565;
  --primary-hover: #888;
  --accent: #ef6d57;
  --accent-hover: #ec8f81;
  --success: #00ad1d;
  --info: #0033ec;
  --warning: #e8a530;
  --danger: #c91d1d;
  --light: var(--gray-100);
  --dark: var(--gray-900);
  --default-box-shadow-color: rgb(0 0 0 / 20%);
  --primary-transparent-color: #393f5240;
  --sale-badge-color: var(--accent);
  --promotion-badge-color: #a49eb9;
  --new-badge-color: var(--secondary);
  --bundle-badge-color: var(--accent);
}