:root {
  /* colors */
  --b-primary-color: #FB8149;
  --b-primary-contrast-color: #B44800;
  --b-negative-color: #dd4b39;
  --b-text-color: #616161;
  --b-title-color: #4D4D4D;

  /* transition */
  --b-transition-duration: 0.3s;

  /* border radius */
  --b-border-radius: 10px;

  /* spacing */
  --b-spacing-xs: 4px;
  --b-spacing-sm: 8px;
  --b-spacing-md: 16px;
  --b-spacing-lg: 24px;
  --b-spacing-xl: 32px;
}