:root {
  --color-primary: #5C4325;
  --color-primary-light: #694D25;
  --color-primary-bg: #fef3f1ff;
  --color-primary-bg-light: #F8F4EF;
  --color-primary-bg-transparent: #5c432517;
  --color-accent-orange: #d81b43ff;
  --color-accent-orange-light: #da1a0dff;
  --color-accent-orange-dark: #9f1609ff;
  --color-accent-orange-darker: #b7190bff;
  --color-accent-teal: #21C6CA;
  --color-accent-brown: #762f11;
  --color-secondary-dark: #373737;
  --color-secondary-gray: #747474;
  --color-secondary-light-gray: #e0dede;
  --color-secondary-bg: #EFE6DE;
  --color-secondary-bg-light: #ECE5DE;
  --color-success: #4caf50;
  --color-error: #e5424d;
  --color-warning: #bc1a0bff;
  --color-info: #0975da;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-gray: #a0a1a1;
  --color-light-gray: #f2f2f2;
  --color-dark-gray: #383838;
  --color-text-primary: #5c4325;
  --color-text-secondary: #694D25;
  --color-text-light: #ffffff;
  --color-text-muted: #5c432593;
  --color-text-disabled: #00000080;
  --color-border-light: #faf8f7;
  --color-border-medium: #e7e7e7;
  --color-border-dark: #a6998a;
}