:root {
  --p-primary-hover-color: #50af31;
  --p-form-field-padding-x: 1rem;
  --p-form-field-padding-y: 0.75rem;
  --p-tag-border-radius: 50vi;
  --p-tag-padding: .25em 1.5em;
  --text-3xl: 2.5rem
}

body {
  background-image: linear-gradient(-40deg, #82243a, #6f1e31, #a12d47, #7e2338, #922941); 
  background-size: cover;
  background-attachment: fixed;
}

body:has(main.route-home) {
  background-image: none;
}


@layer base {
  h1 {
    padding-block: .5em
  }
}

.room-details__icon i {
  color: #999;
}

.room-details__text {
  color: #666;
}

.room-card .font-bold {
  font-size: 1.25rem;
  color: var(--p-primary-color);
}


/* Dark mode */

.dark {
  --p-button-primary-color: #fff;
}

.dark .room-details__text {
  color: #aaa;
}