/*
Theme Name: Serenity
Description: Custom theme for Serenity
Version: 1.0.0
Author: Serenity
*/

/* Custom Theme Classes */

.bg-bg-dark {
  --tw-bg-opacity: 1;
  background-color: var(--color-bg-dark);
}

.bg-bg-light {
  --tw-bg-opacity: 1;
  background-color: rgb(245 241 235 / var(--tw-bg-opacity, 1));
}

.bg-primary-dark {
  --tw-bg-opacity: 1;
  background-color: var(--color-bg-dark);
}

.bg-primary-dark\/80 {
  background-color: rgba(45, 30, 23, 0.8);
}

.bg-primary-gold {
  --tw-bg-opacity: 1;
  background-color: #BF9155;
}

.from-bg-dark {
  --tw-gradient-from: #2a1f1a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(42 31 26 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.text-primary-dark {
  --tw-text-opacity: 1;
  color: rgb(61 40 32 / var(--tw-text-opacity, 1));
}

.text-primary-gold {
  --tw-text-opacity: 1;
  color: #BF9155;
}

.font-heading {
  font-family: Playfair Display, serif;
}

.hover\:bg-primary-dark:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(61 40 32 / var(--tw-bg-opacity, 1));
}

.hover\:text-primary-gold:hover {
  --tw-text-opacity: 1;
  color: rgb(201 169 97 / var(--tw-text-opacity, 1));
}

.focus\:ring-primary-gold:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(201 169 97 / var(--tw-ring-opacity, 1));
}