:root {
  --primary-color: #bd7b43;
  --secondary-color: #e17100;
  --accent-color: #3a2816;
  --camel-brown: #a65e2e;
  --camel-orange: #e18700;
  --camel-beige: #fff9f1;
  --camel-soft-border: #f2d4b5;
  --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.15);
  --border-radius: 8px;
  --transition: all 0.5s ease;

  --text-amber-900: #7b3306;
  --text-amber-700: #bb4d00;
  --text-amber-600: #77530a;
}

.text-main-color {
  color: var(--primary-color);
}

.bg-main-color {
  background-color: var(--primary-color);
}

.bg-accent-color{
  background-color: var(--accent-color);
}

.text-amber-900 {
  color: var(--text-amber-900);
}

.bg-amber-900 {
  background-color: var(--text-amber-900);
}

.text-amber-700 {
  color: var(--text-amber-700);
}

.bg-amber-700 {
  background-color: var(--text-amber-700);
}

.text-amber-600 {
  color: var(--text-amber-600);
}

.bg-amber-600 {
  background-color: var(--text-amber-600);
}