/* Custom colors for erstleserpost.de */
:root {
  --color-vanilla: #FCECC9;
  --color-honey: #F7D6A0;
  --color-blue: #94C4E4;
  --color-pink: #F2A6C0;
}

/* Vanilla (Warm Vanilla) */
.bg-vanilla {
  background-color: #FCECC9;
}

.text-vanilla {
  color: #FCECC9;
}

.border-vanilla {
  border-color: #FCECC9;
}

/* Honey (Soft Honey) */
.bg-honey {
  background-color: #F7D6A0;
}

.text-honey {
  color: #F7D6A0;
}

.border-honey {
  border-color: #F7D6A0;
}

/* Blue (Pastellblau) */
.bg-custom-blue {
  background-color: #94C4E4;
}

.text-custom-blue {
  color: #94C4E4;
}

.border-custom-blue {
  border-color: #94C4E4;
}

.hover\:bg-custom-blue:hover {
  background-color: #94C4E4;
}

.hover\:text-custom-blue:hover {
  color: #94C4E4;
}

/* Pink (Pastellrosa) */
.bg-custom-pink {
  background-color: #F2A6C0;
}

.text-custom-pink {
  color: #F2A6C0;
}

.border-custom-pink {
  border-color: #F2A6C0;
}

.hover\:bg-custom-pink:hover {
  background-color: #F2A6C0;
}

.hover\:text-custom-pink:hover {
  color: #F2A6C0;
}

/* Button styles with custom colors */
.btn-custom-blue {
  background-color: #94C4E4;
  color: white;
}

.btn-custom-blue:hover {
  background-color: #7BB0D9;
}

/* Focus states for inputs - using custom blue */
input:focus,
select:focus,
textarea:focus {
  --tw-ring-color: #94C4E4;
}

input:focus.border-custom-blue,
select:focus.border-custom-blue,
textarea:focus.border-custom-blue,
.focus\:border-custom-blue:focus {
  border-color: #94C4E4;
}

.focus\:ring-custom-blue:focus {
  --tw-ring-color: #94C4E4;
  box-shadow: 0 0 0 2px rgba(148, 196, 228, 0.5);
}

/* Payment option selected state */
.payment-option input:checked ~ * {
  /* This will be handled by JavaScript, but we ensure border is visible */
}