/* Stiluri personalizate pot fi adaugate aici */

html {
  scroll-behavior: smooth;
}

:root {
  --color-gold: #FFD700; /* O nuanta de auriu deschis si vizibil */
  --color-gold-rgb: 255, 215, 0; /* Valori RGB pentru utilizare in rgba() */
}

.bg-gold {
  background-color: #FFD700; /* Fallback for older browsers */
  background-color: var(--color-gold);
}

.text-gold {
  color: #FFD700; /* Fallback for older browsers */
  color: var(--color-gold);
}

.border-gold {
  border-color: #FFD700; /* Fallback for older browsers */
  border-color: var(--color-gold);
}

/* Definitie pentru clasa .shadow-gold_hover
   Tailwind va folosi aceasta definitie cand intalneste hover:shadow-gold_hover in HTML */
.shadow-gold_hover {
  box-shadow: 0 10px 15px -3px rgba(255, 215, 0, 0.3), 0 4px 6px -2px rgba(255, 215, 0, 0.15); /* Fallback */
  box-shadow: 0 10px 15px -3px rgba(var(--color-gold-rgb), 0.3), 0 4px 6px -2px rgba(var(--color-gold-rgb), 0.15);
}

/* Optional: Definitii explicite pentru variantele de opacitate ale border-gold,
   in caz ca Tailwind CDN JIT nu le poate genera automat din .border-gold.
   Daca intampinati probleme cu border-gold/20 sau border-gold/30, aceste linii pot fi decomentate
   sau adaugate si modificate corespunzator.
*/
.border-gold\/20 { /* Escaped / for CSS selector */
  border-color: rgba(255, 215, 0, 0.2); /* Fallback */
  border-color: rgba(var(--color-gold-rgb), 0.2);
}
.border-gold\/30 { /* Escaped / for CSS selector */
  border-color: rgba(255, 215, 0, 0.3); /* Fallback */
  border-color: rgba(var(--color-gold-rgb), 0.3);
}

/* Asigurarea fontului principal pentru body, desi Tailwind ar trebui sa gestioneze asta */
body {
  font-family: 'Montserrat', sans-serif;
}

img {
  max-width: 100%;
  height: auto;
  display: block; /* Removes bottom space under images */
}