:root {
  --color-primary: #5b4233;
  --color-secondary: #c4ac99;
  --color-background: #faf2eb;
  --color-bright: #fff;
  --color-text: #5b4233;
  --color-text-light: #766055;
  --color-border: #eee;

  --container-padding: 20px;
  --container-padding-block-mobile: 80px;
  --container-padding-block-desktop: 130px;

  /* Animation variables */
  --animation-duration-fast: 0.3s;
  --animation-duration-medium: 0.6s;
  --animation-duration-slow: 0.8s;

  --animation-timing-ease: ease;
  --animation-timing-ease-in: ease-in;
  --animation-timing-ease-out: ease-out;
  --animation-timing-ease-in-out: ease-in-out;

  /* Animation RGB values for color-primary for use in rgba() */
  --color-primary-rgb: 91, 66, 51;
  --color-secondary-rgb: 196, 172, 153;
}