body {
  box-sizing: border-box;
}

@font-face {
  font-family: 'The Seasons';
  src: local('The Seasons'), local('TheSeasons');
}

@font-face {
  font-family: 'TT Hoves';
  src: local('TT Hoves'), local('TTHoves');
}

@font-face {
  font-family: 'Dream Avenue';
  src: local('Dream Avenue'), local('DreamAvenue');
}

.font-display {
  font-family: 'Source Serif Pro', serif;
  color: #000000;
}

.font-body {
  font-family: 'Source Serif Pro', serif;
  color: #000000;
}

input::placeholder,
textarea::placeholder {
  color: #000000;
  opacity: 0.5;
}

.radio-option {
  cursor: pointer;
  transition: all 0.3s ease;
}

.radio-option:hover {
  background-color: rgba(141, 111, 64, 0.1);
}

.radio-option.selected {
  background-color: #8d6f40;
  color: #eae4cc;
}

.submit-btn {
  transition: all 0.3s ease;
}

.submit-btn:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(141, 111, 64, 0.3);
}

.submit-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.ornament {
  opacity: 0.4;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
  animation: fadeIn 0.6s ease-out forwards;
}

.success-message {
  animation: fadeIn 0.5s ease-out;
}

@view-transition { navigation: auto; }