@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom F4F Blue colors */
.bg-f4f-blue {
  background-color: #25aae2;
}

.text-f4f-blue {
  color: #25aae2;
}

.hover\:bg-f4f-blue-dark:hover {
  background-color: #1e8fc2;
}

.border-f4f-blue {
  border-color: #25aae2;
}

.focus\:ring-f4f-blue:focus {
  --tw-ring-color: #25aae2;
}

/* iOS-style Modal */
.modal-content {
  transform: translateY(100%);
  transition: transform 0.3s ease-out;
}

.modal-content.modal-enter {
  transform: translateY(0);
}

/* Radio Button States */
.condition-option.selected {
  border-width: 2px;
}

.condition-option.selected:has(input[value="good"]) {
  border-color: #22c55e;
  background-color: #f0fdf4;
}

.condition-option.selected:has(input[value="damaged"]) {
  border-color: #eab308;
  background-color: #fefce8;
}

.condition-option.selected:has(input[value="missing"]) {
  border-color: #ef4444;
  background-color: #fef2f2;
}