.preview-theme {
  /* Base palette */
  --background: 0 0% 100%;
  --foreground: 0 0% 20%;
  --muted: 0 0% 96%;
  --muted-foreground: 0 0% 45%;

  /* Surfaces */
  --card: 0 0% 100%;
  --card-foreground: var(--foreground);
  --card-border: 0 0% 92%;
  --popover: 0 0% 100%;
  --popover-foreground: var(--foreground);
  --popover-border: 0 0% 92%;
  --sidebar: 0 0% 100%;
  --sidebar-foreground: var(--foreground);
  --sidebar-border: 0 0% 92%;

  /* Accents */
  --primary: 348 26% 64%;
  --primary-foreground: 0 0% 100%;
  --primary-border: 348 26% 56%;
  --secondary: 0 0% 96%;
  --secondary-foreground: var(--foreground);
  --secondary-border: 0 0% 88%;
  --accent: 348 26% 64%;
  --accent-foreground: 0 0% 100%;
  --accent-border: 348 26% 56%;
  --destructive: 0 65% 55%;
  --destructive-foreground: 0 0% 98%;
  --destructive-border: 0 65% 47%;
  --success: 142 71% 45%; /* #22C55E */

  /* Inputs / borders */
  --border: 0 0% 92%;
  --input: 0 0% 96%;
  --ring: 348 26% 64%;

  /* Sidebar helpers */
  --sidebar-primary: var(--primary);
  --sidebar-primary-foreground: var(--primary-foreground);
  --sidebar-accent: var(--accent);
  --sidebar-accent-foreground: var(--accent-foreground);
  --sidebar-ring: var(--ring);
}

body.preview-theme{
  font-family:"Inter",system-ui,sans-serif;
  background-color:#FFFFFF;
  color:#333333;
}

.preview-theme h1{
  font-family:"Crimson Text","Times New Roman",serif;
  font-size:24px;
  line-height:1.3;
  font-weight:600;
  color:#bc8c96;
}

.preview-theme h3{
  font-family:"Inter",system-ui,sans-serif;
  font-size:18px;
  line-height:1.4;
  font-weight:600;
  color:#bc8c96;
}

.preview-theme label,
.preview-theme .text-sm.font-medium{
  font-size:14px;
  font-weight:500;
  color:#333333;
}

.preview-theme .text-sm{
  font-size:14px;
  line-height:1.5;
  font-weight:400;
  color:#333333;
}

.preview-theme .text-muted-foreground{
  color:#737373 !important;
}

.preview-theme .text-destructive,
.preview-theme .text-\[\#EF4444\]{
  color:#EF4444 !important;
}

.preview-theme .text-\[\#bc8c96\],
.preview-theme .text-accent{
  color:#bc8c96 !important;
}

.preview-theme .text-\[\#737373\]{
  color:#737373 !important;
}

.preview-theme .bg-card,
.preview-theme .bg-popover{
  background-color:#FFFFFF !important;
  border-color:#EBEBEB !important;
}

.preview-theme .border-card-border,
.preview-theme .border-border,
.preview-theme .border-border\/50{
  border-color:#EBEBEB !important;
}

.preview-theme .border-input{
  border-color:#F5F5F5 !important;
}

.preview-theme input,
.preview-theme textarea,
.preview-theme select{
  background-color:#FFFFFF;
  border:1px solid #F5F5F5;
  border-radius:6px;
  padding:0.5rem 0.75rem;
  font-size:16px;
  line-height:1.4;
}

.preview-theme input::placeholder,
.preview-theme textarea::placeholder{
  color:#737373;
}

.preview-theme .border-destructive,
.preview-theme input.border-destructive,
.preview-theme textarea.border-destructive{
  border-color:#EF4444 !important;
}

.preview-theme .bg-primary{
  background-color:#bc8c96 !important;
  color:#FFFFFF !important;
}

.preview-theme .bg-primary:hover{
  background-color:#c1447e !important;
}

.preview-theme .bg-primary:active{
  background-color:#a83a6e !important;
}

.preview-theme .text-primary-foreground{
  color:#FFFFFF !important;
}

.preview-theme .bg-secondary{
  background-color:#F5F5F5 !important;
  color:#333333 !important;
}

.preview-theme .bg-black\/50{
  background-color:rgba(0,0,0,0.5) !important;
}

.preview-theme .bg-accent\/10,
.preview-theme .bg-gradient-to-br{
  background-image:linear-gradient(135deg,rgba(214,75,141,0.05),rgba(214,75,141,0.1));
}

.preview-theme [data-testid="candle-form"]{
  padding:1rem;
  border-radius:0.75rem;
  border:1px solid #EBEBEB;
  box-shadow:0 4px 10px rgba(0,0,0,0.04);
}

.preview-theme [data-testid="donation-form"],
.preview-theme [data-testid="donation-options"]{
  gap:1rem;
}

.preview-theme [data-testid="donation-options"] .text-base{
  font-size:16px;
  font-weight:500;
  color:#333333;
}

.preview-theme [data-testid="donation-options"] .text-sm{
  color:#737373;
}

.preview-theme [data-testid="button-language-toggle"]{
  border-radius:6px;
  color:#333333;
}

.preview-theme [data-testid="button-language-toggle"]:hover{
  background-color:rgba(0,0,0,0.03);
}

.preview-theme .preview-accent,
.preview-theme .text-[#bc8c96]{
  color:hsl(var(--accent));
}

.preview-theme .success-icon,
.preview-theme .text-green-600{
  color:#22C55E !important;
}

.preview-theme .bg-green-100{
  background-color:rgba(34,197,94,0.15) !important;
}

.preview-theme .bg-red-100{
  background-color:rgba(239,68,68,0.15) !important;
}

.preview-theme [data-testid="success-popup"] .bg-accent\/10{
  background-color:rgba(214,75,141,0.1) !important;
}

.preview-theme [data-testid="success-popup"] .w-16{
  width:4rem;
  height:4rem;
}

.preview-theme [data-testid="success-popup"] h3{
  font-size:18px;
  font-weight:600;
  color:#bc8c96;
}

.preview-theme [data-testid="success-popup"] p{
  font-size:14px;
  color:#737373;
}

.preview-theme [data-testid="payment-message"]{
  color:#737373;
}

.preview-theme [data-testid="button-order-candle"],
.preview-theme [data-testid="button-ok"],
.preview-theme [data-testid="button-confirm-payment"],
.preview-theme [data-testid="button-close-popup"]{
  font-size:16px;
  font-weight:500;
  font-family:"Inter",system-ui,sans-serif;
}

.preview-theme *:focus-visible{
  outline:2px solid #bc8c96;
  outline-offset:2px;
}