/* Custom cascading overrides for candle form branding */
:root {
  --background: 0 0% 100%;
  --foreground: 0 0% 0%;
  --card: 0 0% 100%;
  --card-border: 0 0% 85%;
  --border: 0 0% 85%;
  --input: 0 0% 90%;
  --muted-foreground: 0 0% 40%;
  --accent: 0 100% 85%;
  --accent-foreground: 0 0% 0%;
}

body {
  background-color: #ffffff;
  color: #000000;
}

[data-testid="candle-form"] {
  background-color: #ffffff !important;
  border-color: #d9d9d9 !important;
  box-shadow: 0 20px 60px rgba(212, 182, 141, 0.3) !important;
}

[data-testid="candle-form"] h1 {
  color: #ff0000 !important;
}

[data-testid="candle-form"] p.text-muted-foreground {
  color: #666666 !important;
}

[data-testid="candle-form"] .w-12.h-12.rounded-full {
  background-color: rgba(255, 204, 204, 0.1) !important;
  color: #ff0000 !important;
}

[data-testid="candle-form"] .w-12.h-12.rounded-full svg {
  color: #ff0000 !important;
}

[data-testid="candle-form"] input[type="text"],
[data-testid="candle-form"] input[type="email"],
[data-testid="candle-form"] input[type="number"],
[data-testid="candle-form"] textarea {
  background-color: #e6e6e6 !important;
  border: 1px solid #e6e6e6 !important;
  color: #000000 !important;
}

[data-testid="candle-form"] input.border-destructive,
[data-testid="candle-form"] textarea.border-destructive {
  border-color: #ff4040 !important;
}

[data-testid^="error-"] {
  color: #ff4040 !important;
}

[data-testid="donation-options"] [role="radio"] {
  border-color: #ffcccc !important;
}

[data-testid="donation-options"] [role="radio"][data-state="checked"] {
  background-color: #ffcccc !important;
  border-color: #ffcccc !important;
}

[data-testid="donation-options"] [role="radio"][data-state="checked"]::after {
  background-color: #ff0000 !important;
}

[data-testid="donation-section"] svg {
  color: #ffcccc !important;
}

[data-testid="donation-section"] span.text-accent {
  color: #ffcccc !important;
}

[data-testid="donation-form"] .bg-gradient-to-br {
  background-image: linear-gradient(
    135deg,
    rgba(255, 204, 204, 0.05),
    rgba(255, 204, 204, 0.1)
  ) !important;
  border-color: rgba(255, 204, 204, 0.2) !important;
  background-color: #ffffff !important;
}

button[data-testid="button-order-candle"] {
  background-color: #ffcccc !important;
  color: #000000 !important;
  border: none !important;
}

button[data-testid="button-order-candle"]:disabled {
  opacity: 0.8;
}