/* ==========================================================================
   Niwa Chatbot – Light Theme
   ---------------------------------------------------------------------------
   Warm, organic palette inspired by sunlit Japanese gardens.
   Applied when:  data-niwa-theme="light"  on .niwa-widget
   ========================================================================== */

.niwa-widget[data-niwa-theme="light"] {
  /* Brand */
  --niwa-color-primary:             #2D5A3D;
  --niwa-color-primary-active:      #1B4227;
  --niwa-color-primary-subtle:      #E8F0EB;
  --niwa-color-accent:              #D4A853;
  --niwa-color-accent-hover:        #C49A45;

  /* Surfaces */
  --niwa-color-surface-base:        #F8F7F4;
  --niwa-color-surface-raised:      #FFFFFF;
  --niwa-color-surface-overlay:     rgba(0, 0, 0, 0.06);
  --niwa-color-surface-sunken:      #F0EDE6;

  /* Text */
  --niwa-color-text-primary:        #1A1A1A;
  --niwa-color-text-secondary:      #6B7280;
  --niwa-color-text-tertiary:       #9CA3AF;
  --niwa-color-text-inverse:        #FFFFFF;
  --niwa-color-text-link:           #2D5A3D;

  /* Borders */
  --niwa-color-border-default:      #E5E7EB;
  --niwa-color-border-subtle:       #F0F0F0;
  --niwa-color-border-focus:        #2D5A3D;

  /* Message Bubbles */
  --niwa-color-bubble-bot:          rgba(66, 68, 65, 0.28);
  --niwa-color-bubble-bot-text:     #FFFFFF;
  --niwa-color-bubble-user:         rgba(34, 35, 33, 0.52);
  --niwa-color-bubble-user-text:    #FFFFFF;
  --niwa-color-message-time:        rgba(66, 68, 65, 0.28);

  /* In-chat products */
  --niwa-product-panel-bg:          rgba(66, 68, 65, 0.28);
  --niwa-product-control-bg:        rgba(255, 255, 255, 0.22);
  --niwa-product-control-active:    rgba(255, 255, 255, 0.22);
  --niwa-product-chip-bg:           rgba(66, 68, 65, 0.26);
  --niwa-product-chip-active-bg:    rgba(66, 68, 65, 0.36);
  --niwa-product-action-bg:         rgba(255, 255, 255, 0.22);
  --niwa-product-close-bg:          rgba(255, 255, 255, 0.22);
  --niwa-product-text:              #FFFFFF;
  --niwa-product-muted:             rgba(255, 255, 255, 0.82);
  --niwa-product-selected-border:   #FFFFFF;

  /* Shadows */
  --niwa-shadow-sm:     0 1px 3px rgba(0, 0, 0, 0.08);
  --niwa-shadow-md:     0 4px 12px rgba(0, 0, 0, 0.1);
  --niwa-shadow-lg:     0 8px 30px rgba(0, 0, 0, 0.12);
  --niwa-shadow-xl:     0 12px 40px rgba(0, 0, 0, 0.18);

  /* Glass morphism - light */
  --niwa-glass-bg:      rgba(255, 255, 255, 0.62);
  --niwa-glass-blur:    blur(24px) saturate(1.2);
  --niwa-glass-border:  1px solid rgba(0, 0, 0, 0.08);
  --niwa-glass-shadow:  0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.06);
}

.niwa-widget[data-niwa-theme="light"] :is(.niwa-morph__textarea, .niwa-center__textarea),
.niwa-widget[data-niwa-theme="light"] :is(.niwa-morph__textarea, .niwa-center__textarea)::placeholder {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.niwa-widget[data-niwa-theme="light"] :is(.niwa-morph__textarea, .niwa-center__textarea)::placeholder {
  opacity: 1;
}

.niwa-widget--frontend-shell[data-niwa-theme="light"]
  :is(
    .niwa-morph__label,
    .niwa-center__label,
    .niwa-welcome__text,
    .niwa-morph__close,
    .niwa-center__close
  ) {
  color: #FFFFFF !important;
}
