:root {
  --brown1: hsl(30, 40.0%, 99.1%);
  --brown2: hsl(30, 50.0%, 97.6%);
  --brown3: hsl(30, 52.5%, 94.6%);
  --brown4: hsl(30, 53.0%, 91.2%);
  --brown5: hsl(29, 52.9%, 86.8%);
  --brown6: hsl(29, 52.5%, 80.9%);
  --brown7: hsl(29, 51.5%, 72.8%);
  --brown8: hsl(28, 50.0%, 63.1%);
  --brown9: hsl(28, 34.0%, 51.0%);
  --brown10: hsl(27, 31.8%, 47.6%);
  --brown11: hsl(25, 30.0%, 41.0%);
  --brown12: hsl(20, 30.0%, 19.0%);
}