/* Dynamic Theme CSS */
:root {
  --primary-font: "Inter, sans-serif";
  --primary-color: #e87425;
  --primary-50: #ffffff;
  --primary-100: #fffff1;
  --primary-200: #ffffd7;
  --primary-300: #ffffbe;
  --primary-400: #ffda8b;
  --primary-500: #e87425;
  --primary-600: #ce5a0b;
  --primary-700: #b54100;
  --primary-800: #9b2700;
  --primary-900: #820e00;
  --secondary-color: #c1611f;
  --accent-color: #f59e0b;
  --header-text-color: #1f2937;
  --header-text-hover-color: #e87425;
  --header-text-accent-color: #e87425;
  --header-button-text-color: #ffffff;
  --button-text-color: #ffffff;
  --text-color: #1f2937;
  --background-color: #ffffff;
  --button-radius: 4px;
  --card-radius: 8px;
}

body { font-family: var(--primary-font); color: var(--text-color); }
a { color: var(--primary-color); }
a:hover { color: var(--header-text-hover-color); }
.text-primary-600 { color: var(--primary-color); }
.bg-primary-600 { background-color: var(--primary-color); }
.hover\:bg-primary-700:hover { background-color: var(--primary-700); }
.text-secondary-600 { color: var(--secondary-color); }
.bg-secondary-600 { background-color: var(--secondary-color); }
.accent-color { color: var(--accent-color); }
.btn-primary { color: var(--button-text-color); border-radius: var(--button-radius); }
.card { border-radius: var(--card-radius); }
.header-nav a { color: var(--header-text-color); }
.header-nav a:hover { color: var(--header-text-hover-color); }
.header-btn { color: var(--header-button-text-color); }