/**
 * Theme CSS Variables
 * Visual harmonizado com pressel Julia (chat-03-julia)
 * Font: DM Sans | Layout: Full-page | Estilo: Clean & Profissional
 */

:root {
  /* ========== HEADER ========== */
  --header-bg-start: #15803d;
  --header-bg-end: #15803d;
  --header-text: #ffffff;
  --header-gradient-direction: 135deg;
  --header-padding: 16px 20px;

  /* Avatar */
  --avatar-bg: #dcfce7;
  --avatar-size: 44px;
  --avatar-border-radius: 50%;

  /* Status online */
  --status-color: #4ade80;
  --status-size: 10px;

  /* ========== BUBBLES (MENSAGENS) ========== */
  /* Bot */
  --bubble-bot-bg: #ffffff;
  --bubble-bot-text: #1f2937;
  --bubble-bot-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
  --bubble-bot-border: 1px solid #f0f0f0;

  /* Usuário */
  --bubble-user-bg: linear-gradient(135deg, #16a34a, #15803d);
  --bubble-user-text: #ffffff;
  --bubble-user-shadow: none;

  /* Geral */
  --bubble-border-radius: 18px;
  --bubble-max-width: 80%;
  --bubble-padding: 13px 16px;
  --bubble-gap: 4px;

  /* ========== CONTAINER DO CHAT ========== */
  --chat-bg: #fafcfb;
  --chat-bg-pattern: none;
  --chat-max-width: 640px;
  --chat-max-height: none;
  --chat-border-radius: 0;
  --chat-shadow: none;
  --chat-border: none;

  /* ========== INPUT AREA ========== */
  --input-bg: #ffffff;
  --input-border: #e8e8e8;
  --input-text: #1f2937;
  --input-placeholder: #9ca3af;
  --input-border-radius: 12px;
  --input-height: 48px;
  --input-padding: 12px 16px;

  /* ========== BOTÕES ========== */
  --button-bg: #16a34a;
  --button-text: #ffffff;
  --button-hover: #15803d;
  --button-border-radius: 14px;
  --button-padding: 14px 16px;
  --button-shadow: none;

  /* Botões secundários/outline */
  --button-secondary-bg: #ffffff;
  --button-secondary-text: #1f2937;
  --button-secondary-border: #e8e8e8;

  /* ========== TIPOGRAFIA ========== */
  --font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-size-base: 0.88rem;
  --font-size-small: 0.72rem;
  --font-size-large: 1rem;
  --font-weight: 400;
  --font-weight-bold: 600;
  --line-height: 1.6;

  /* ========== WIDGETS ESPECIAIS ========== */
  /* Verification Box */
  --widget-verification-bg: #ffffff;
  --widget-verification-border: #f0f0f0;
  --widget-verification-text: #1f2937;
  --widget-verification-label: #9ca3af;
  --widget-verification-icon: #22c55e;

  /* Analysis Box */
  --widget-analysis-bg-start: #22c55e;
  --widget-analysis-bg-end: #4ade80;
  --widget-analysis-text: #ffffff;

  /* Credit Slider */
  --widget-slider-bg: #f0fdf4;
  --widget-slider-track: #dcfce7;
  --widget-slider-fill: linear-gradient(90deg, #22c55e 0%, #16a34a 100%);
  --widget-slider-thumb: #ffffff;
  --widget-slider-text: #1f2937;

  /* Receipt Box */
  --widget-receipt-bg: #ffffff;
  --widget-receipt-border: #e5e7eb;
  --widget-receipt-header: #f3f4f6;
  --widget-receipt-text: #1f2937;
  --widget-receipt-total: #16a34a;

  /* ========== CORES AUXILIARES ========== */
  --color-success: #22c55e;
  --color-error: #ef4444;
  --color-warning: #f59e0b;
  --color-info: #3b82f6;

  /* ========== ANIMAÇÕES ========== */
  --transition-fast: 150ms ease;
  --transition-normal: 250ms ease;
  --transition-slow: 350ms ease;
}

/* ========== DARK MODE OVERRIDE ========== */
.theme-dark {
  --bubble-bot-bg: #2a2a3e;
  --bubble-bot-text: #e0e0e0;
  --widget-verification-bg: #1a1a2e;
  --widget-verification-border: #3a3a4e;
  --widget-verification-text: #e0e0e0;
  --widget-verification-label: #9ca3af;
  --widget-receipt-bg: #1a1a2e;
  --widget-receipt-border: #3a3a4e;
  --widget-receipt-header: #2a2a3e;
  --widget-receipt-text: #e0e0e0;
}