:root {
  --white: #fff;
  --black: #1f1f1f;
  --gray-025: #f9f9fb;
  --gray-050: #ebebeb;
  --gray-100: #c7c7c7;
  --gray-200: #c7c7c7;
  --gray-300: #6e6e6e;
  --gray-400: #6e6e6e;
  --gray-500: #6e6e6e;
  --gray-600: #6e6e6e;
  --gray-700: #1f1f1f;
  --gray-800: #1f1f1f;
  --gray-900: #1f1f1f;
  --primary: #183146;
  --primary-hover: #748390;
  --secondary: #ff8c9b;
  --secondary-hover: #ff9daa;
  --accent: #87b982;
  --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(--secondary);
  --promotion-badge-color: #748390;
  --new-badge-color: var(--accent);
  --bundle-badge-color: var(--accent);
}