/* Auto-generated from Cakelydesign theme.css. Do not edit manually. */
:root {
  --wcab-design-font-size: 16px;
  --wcab-design-background: #f5f5f5;
  --wcab-design-foreground: #404040;
  --wcab-design-card: #ffffff;
  --wcab-design-card-foreground: #212121;
  --wcab-design-primary: #e9b218;
  --wcab-design-primary-foreground: #ffffff;
  --wcab-design-secondary: #f5f5f5;
  --wcab-design-muted: #fafafa;
  --wcab-design-muted-foreground: #666666;
  --wcab-design-accent: #eaeaea;
  --wcab-design-border: #eaeaea;
  --wcab-design-ring: #e9b218;
  --wcab-design-radius-base: 0.5rem;
  --wcab-design-radius-control: calc(var(--wcab-design-radius-base) + 0.25rem);
  --wcab-design-radius-card: calc(var(--wcab-design-radius-base) + 0.5rem);
  --wcab-design-radius-pill: 999px;
  --wcab-design-shadow-soft: 0 4px 14px rgba(27, 30, 34, 0.06);
  --wcab-design-shadow-card: 0 10px 28px rgba(27, 30, 34, 0.08);
  --wcab-design-shadow-card-hover: 0 18px 38px rgba(27, 30, 34, 0.14);
  --wcab-design-focus-ring: 0 0 0 3px rgba(233, 178, 24, 0.18);

  --wcab-cream: #f5f5f5;
  --wcab-warm: #f5f5f5;
  --wcab-sand: #eaeaea;
  --wcab-brown: #404040;
  --wcab-brown-light: #666666;
  --wcab-brown-dark: #212121;
  --wcab-accent: #e9b218;
  --wcab-accent-hover: #d4a017;
  --wcab-text: #404040;
  --wcab-text-soft: #666666;
  --wcab-white: #ffffff;
  --wcab-border: #eaeaea;
  --wcab-radius: var(--wcab-design-radius-card);
  --wcab-radius-sm: var(--wcab-design-radius-control);
  --wcab-shadow: var(--wcab-design-shadow-soft);
  --wcab-shadow-lg: var(--wcab-design-shadow-card);
}

#wcab-builder,
.wcab-public-gallery-shell,
.wcab-bakers-showcase,
.wcab-baker-profile {
  font-size: var(--wcab-design-font-size);
  color: var(--wcab-text);
}

#wcab-builder .wcab-hero,
#wcab-builder .wcab-step-card,
#wcab-builder .wcab-style-card,
#wcab-builder .wcab-size-card,
#wcab-builder .wcab-palette-card,
#wcab-builder .wcab-decor-card,
#wcab-builder .wcab-supplier-card,
#wcab-builder .wcab-final-stage-hero,
#wcab-builder .wcab-final-key-card,
#wcab-builder .wcab-confirm-section,
#wcab-builder .wcab-style-preview-card,
#wcab-builder .wcab-final-mini-preview-col,
#wcab-builder .wcab-final-mini-preview-frame,
#wcab-builder .wcab-final-next-steps,
#wcab-builder .wcab-preview-option,
#wcab-builder .wcab-notice-box,
.wcab-public-gallery .wcab-gallery-item,
.wcab-bakers-showcase .wcab-baker-card,
.wcab-baker-profile-card,
.wcab-baker-modal-dialog {
  border-radius: var(--wcab-design-radius-card);
  border-color: var(--wcab-border);
  box-shadow: var(--wcab-design-shadow-soft);
}

#wcab-builder .wcab-style-card,
#wcab-builder .wcab-size-card,
#wcab-builder .wcab-palette-card,
#wcab-builder .wcab-decor-card,
#wcab-builder .wcab-supplier-card,
.wcab-public-gallery .wcab-gallery-item,
.wcab-bakers-showcase .wcab-baker-card {
  transition: border-color 0.2s ease, box-shadow 0.24s ease, transform 0.24s ease, background-color 0.2s ease;
}

#wcab-builder .wcab-style-card:hover,
#wcab-builder .wcab-size-card:hover,
#wcab-builder .wcab-palette-card:hover,
#wcab-builder .wcab-decor-card:hover,
#wcab-builder .wcab-supplier-card:hover,
.wcab-public-gallery .wcab-gallery-item:hover,
.wcab-bakers-showcase .wcab-baker-card:hover {
  box-shadow: var(--wcab-design-shadow-card-hover);
}

#wcab-builder .wcab-style-card.is-active,
#wcab-builder .wcab-size-card.is-active,
#wcab-builder .wcab-palette-card.is-active,
#wcab-builder .wcab-decor-card.is-active,
#wcab-builder .wcab-supplier-card.is-active,
#wcab-builder .wcab-choice-button.is-active,
#wcab-builder .wcab-composition-type-btn.is-active,
#wcab-builder .wcab-step5-image-option.is-active {
  border-color: var(--wcab-accent);
  box-shadow: var(--wcab-design-focus-ring);
}

#wcab-builder .wcab-btn,
#wcab-builder .wcab-choice-button,
#wcab-builder .wcab-message-color-card,
#wcab-builder .wcab-decor-filter-btn,
#wcab-builder input[type="text"],
#wcab-builder input[type="email"],
#wcab-builder input[type="date"],
#wcab-builder input[type="number"],
#wcab-builder select,
#wcab-builder textarea {
  border-radius: var(--wcab-design-radius-control);
}

#wcab-builder .wcab-btn,
.wcab-public-gallery .wcab-gallery-recreate-btn,
.wcab-baker-profile-actions .wcab-btn,
.wcab-bakers-showcase .wcab-baker-card-cta {
  border-radius: var(--wcab-design-radius-control);
  box-shadow: var(--wcab-design-shadow-soft);
}

#wcab-builder .wcab-final-stage-badge,
#wcab-builder .wcab-supplier-pill,
#wcab-builder .wcab-gallery-item-pill,
#wcab-builder .wcab-step-num,
#wcab-builder .wcab-step-pill-num,
.wcab-public-gallery .wcab-gallery-item-pill,
.wcab-bakers-showcase .wcab-baker-card-status,
.wcab-bakers-showcase .wcab-baker-card-rating {
  border-radius: var(--wcab-design-radius-pill);
}

#wcab-builder .wcab-btn-primary,
#wcab-builder .wcab-btn-next,
.wcab-public-gallery .wcab-gallery-recreate-btn,
.wcab-baker-profile-actions .wcab-btn-primary,
.wcab-bakers-showcase .wcab-baker-card-cta {
  background: var(--wcab-accent);
  color: var(--wcab-design-primary-foreground);
}

#wcab-builder .wcab-btn-primary:hover,
#wcab-builder .wcab-btn-next:hover,
.wcab-public-gallery .wcab-gallery-recreate-btn:hover,
.wcab-baker-profile-actions .wcab-btn-primary:hover,
.wcab-bakers-showcase .wcab-baker-card-cta:hover {
  background: var(--wcab-accent-hover);
}