:root {
	/* Primary Colors */
	--color-primary: #5C4325;
	--color-primary-light: #694D25;
	--color-primary-bg: #F7F4EF;
	--color-primary-bg-light: #F8F4EF;
	--color-primary-bg-transparent: #5c432517;
	
	/* Accent Colors */
	--color-accent-orange: #FE794C;
	--color-accent-orange-light: #FB7B46;
	--color-accent-orange-dark: #ff4d00;
	--color-accent-orange-darker: #d16a03;
	--color-accent-teal: #21C6CA;
	--color-accent-brown: #762f11;
	
	/* Secondary Colors */
	--color-secondary-dark: #373737;
	--color-secondary-gray: #747474;
	--color-secondary-light-gray: #e0dede;
	--color-secondary-bg: #EFE6DE;
	--color-secondary-bg-light: #ECE5DE;
	
	/* Status Colors */
	--color-success: #4caf50;
	--color-error: #e5424d;
	--color-warning: #FB8500;
	--color-info: #0975da;
	
	/* Neutral Colors */
	--color-white: #ffffff;
	--color-black: #000000;
	--color-gray: #a0a1a1;
	--color-light-gray: #f2f2f2;
	--color-dark-gray: #383838;
	
	/* Text Colors */
	--color-text-primary: #5c4325;
	--color-text-secondary: #694D25;
	--color-text-light: #ffffff;
	--color-text-muted: #5c432593;
	--color-text-disabled: #00000080;
	
	/* Border Colors */
	--color-border-light: #faf8f7;
	--color-border-medium: #e7e7e7;
	--color-border-dark: #a6998a;
  }