/* Utility Classes for Amanindo Theme */

/* Color utilities with fallbacks */
.bg-dark {
  background-color: #262626; /* Fallback for hsl(var(--dark)) */
  background-color: hsl(var(--dark));
}

.bg-card {
  background-color: #ffffff; /* Fallback for hsl(var(--card)) */
  background-color: hsl(var(--card));
}

.bg-background {
  background-color: #f8f5ee; /* Fallback for hsl(var(--background)) */
  background-color: hsl(var(--background));
}

.text-foreground {
  color: #1a1a1a; /* Fallback for hsl(var(--foreground)) */
  color: hsl(var(--foreground));
}

.text-muted-foreground {
  color: #666666; /* Fallback for hsl(var(--muted-foreground)) */
  color: hsl(var(--muted-foreground));
}

.text-primary {
  color: #e6ac80; /* Fallback for hsl(var(--primary)) */
  color: hsl(var(--primary));
}

.text-white {
  color: white;
}

.text-white\/90 {
  color: rgba(255, 255, 255, 0.9);
}

.text-white\/80 {
  color: rgba(255, 255, 255, 0.8);
}

.text-white\/70 {
  color: rgba(255, 255, 255, 0.7);
}

.text-white\/60 {
  color: rgba(255, 255, 255, 0.6);
}

.hover\:text-dark:hover {
  color: #262626;
}

.hover\:bg-white:hover {
  background-color: white;
}

.hover\:opacity-90:hover {
  opacity: 0.9;
}

.border-border {
  border-color: #d9d9d9; /* Fallback for hsl(var(--border)) */
  border-color: hsl(var(--border));
}

.border-input {
  border-color: #e6e6e6; /* Fallback for hsl(var(--input)) */
  border-color: hsl(var(--input));
}

.border-primary\/30 {
  border-color: rgba(230, 172, 128, 0.3);
}

.border-secondary\/30 {
  border-color: rgba(255, 165, 0, 0.3);
}

.border-primary\/20 {
  border-color: rgba(230, 172, 128, 0.2);
}

.border-transparent {
  border-color: transparent;
}

.hover\:border-primary\/20:hover {
  border-color: rgba(230, 172, 128, 0.2);
}

.hover\:bg-muted:hover {
  background-color: hsl(var(--muted));
}

.hover\:bg-muted\/50:hover {
  background-color: rgba(230, 230, 230, 0.5);
}

.bg-muted {
  background-color: #e6e6e6; /* Fallback for hsl(var(--muted)) */
  background-color: hsl(var(--muted));
}

.bg-muted\/30 {
  background-color: rgba(230, 230, 230, 0.3);
}

.bg-white\/10 {
  background-color: rgba(255, 255, 255, 0.1);
}

.bg-card\/95 {
  background-color: rgba(255, 255, 255, 0.95);
}

.bg-gradient-hero {
  background: #e6ac80; /* Fallback for gradient */
  background: var(--gradient-hero);
}

.bg-gradient-overlay {
  background: linear-gradient(180deg, rgba(26, 26, 26, 0.7) 0%, rgba(26, 26, 26, 0.4) 100%); /* Fallback */
  background: var(--gradient-overlay);
}

.shadow-elegant {
  box-shadow: 0 10px 30px -5px rgba(230, 172, 128, 0.2); /* Fallback */
  box-shadow: var(--shadow-elegant);
}

.shadow-card {
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.1); /* Fallback */
  box-shadow: var(--shadow-card);
}