/* theme_light.css — overrides do tema claro
   Inclua este arquivo em cada página DEPOIS do <style> principal:
   <link rel="stylesheet" href="theme_light.css">
*/

html.theme-light, body.theme-light, .theme-light :root, html.theme-light:root {
  --bg:        #f1f5f9;
  --bg2:       #ffffff;
  --bg3:       #f8fafc;
  --bg4:       #e2e8f0;
  --border:    #cbd5e0;
  --border2:   #e2e8f0;
  --accent:    #0891b2;
  --accent2:   #0e7490;
  --accent-dim:#06b6d4;
  --green:     #0e9f6e;
  --amber:     #d97706;
  --red:       #dc2626;
  --red2:      #fee2e2;
  --text:      #1a202c;
  --muted:     #64748b;
  --teal-glow: 0 0 12px 0 rgba(8, 145, 178, 0.15);
}

html.theme-light body, body.theme-light {
  background: var(--bg);
  color: var(--text);
}

/* Logo da empresa: SVG monocromático claro fica invisível em fundo branco — inverte */
html.theme-light .company-logo,
body.theme-light .company-logo {
  filter: invert(1) brightness(0.3) contrast(1.4);
}

/* Avatares de chat com mais contraste no tema claro */
html.theme-light .msg.user .avatar,
body.theme-light .msg.user .avatar {
  background: rgba(8, 145, 178, 0.12);
  color: #0e7490;
  border: 1px solid #0891b2;
}
html.theme-light .msg.assistant .avatar,
body.theme-light .msg.assistant .avatar {
  background: rgba(14, 159, 110, 0.12);
  color: #047857;
  border: 1px solid #0e9f6e;
}

/* Botões de Exportar CSV — adaptam ao tema claro (claro com texto escuro) */
html.theme-light [data-csv-btn],
body.theme-light [data-csv-btn] {
  background: #ffffff !important;
  border: 1px solid #cbd5e0 !important;
  color: #1a202c !important;
}
html.theme-light [data-csv-btn]:hover,
body.theme-light [data-csv-btn]:hover {
  background: #f1f5f9 !important;
  color: #0891b2 !important;
  border-color: #0891b2 !important;
}