/* ============================================================================
   Capi Când-IA Pro — Legacy CSS Variable Aliases (Fase 2.5)
   Alinha as vars legadas (--bg, --gold, --text, etc.) do <style> inline
   do index.html aos tons do design system (ds-*).

   Isso faz com que QUALQUER elemento legado (chat-input antigo, message-bubble,
   btn-primary, conv-item etc.) puxe automaticamente as cores do design system,
   sem precisar refatorar todo o markup.

   Aplica-se a body.dark-mode (que estamos forçando via JS no carregamento).
   ============================================================================ */

body.dark-mode {
  /* Backgrounds */
  --bg:        #0a0a0a !important;
  --bg2:       #111110 !important;
  --bg3:       #1a1a1a !important;
  --bg4:       #222020 !important;
  --bg5:       #2a2725 !important;

  /* Bordas */
  --border:    rgba(255,255,255,0.08) !important;
  --border2:   rgba(255,255,255,0.14) !important;

  /* Textos */
  --text:       #fafafa !important;
  --text2:      #aaaaaa !important;
  --text-muted: #666666 !important;
  --text3:      #666666 !important;

  /* Gold / brand (todas as alias legadas convergem pro #D4A017) */
  --gold:        #D4A017 !important;
  --gold-light:  #E8B319 !important;
  --gold-dim:    rgba(212,160,23,0.10) !important;
  --gold-glow:   rgba(212,160,23,0.22) !important;
  --gold-text:   #F5E9CC !important;

  --brand:        #D4A017 !important;
  --brand-light:  #E8B319 !important;
  --brand-dim:    rgba(212,160,23,0.10) !important;

  /* "green" no legacy era na verdade o gold (vide comment do index.html linha 45) */
  --green:       #D4A017 !important;
  --green2:      #E8B319 !important;
  --green-dim:   rgba(212,160,23,0.10) !important;
  --green-glow:  rgba(212,160,23,0.22) !important;

  /* Estados */
  --success:   #4ade80 !important;
  --error:     #f87171 !important;
  --warning:   #fbbf24 !important;
  --red:       #f87171 !important;

  /* Radii (alinhar com design system) */
  --radius:     6px !important;
  --radius-sm:  4px !important;

  /* Primary alias (algumas regras legadas usam) */
  --primary:    #D4A017 !important;
}

/* Mesmo pra :root caso body não tenha dark-mode aplicado a tempo */
:root {
  --primary: #D4A017;
}

/* Fonte global: forçar Inter no body legado pra consistência tipográfica */
body.dark-mode,
body.dark-mode .chat-input,
body.dark-mode .form-input,
body.dark-mode .form-select,
body.dark-mode .message-bubble,
body.dark-mode .btn-primary,
body.dark-mode .btn-secondary,
body.dark-mode .header-action-btn,
body.dark-mode .teses-btn {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* H1, H2, H3 legados usam Inter Tight como o design system */
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode .sidebar-title,
body.dark-mode .onboarding-title {
  font-family: 'Inter Tight', 'Inter', sans-serif !important;
  letter-spacing: -0.02em;
}

/* Mono pra timestamps, datas, badges técnicos */
body.dark-mode .msg-timestamp,
body.dark-mode .conv-item-date,
body.dark-mode .header-badge,
body.dark-mode code,
body.dark-mode pre {
  font-family: 'JetBrains Mono', ui-monospace, monospace !important;
}

/* ============================================================================
   MATAR EFEITOS LEGADOS DO BODY (capi-ambient / capi-input-glass)
   ----------------------------------------------------------------------------
   Esses pseudo-elementos adicionavam gradientes pesados (cream/laranja/navy)
   com blur 60px animado + textura de ruído com mix-blend-mode:overlay sobre
   TUDO. Resultado: tela parece "não integrada", fundo não fica preto puro,
   o blur do liquid glass dos dropdowns fica quebrado.
   Esse era o look antigo do app, conflita com o design system v2.
   ============================================================================ */

body.capi-ambient::before,
body.capi-ambient::after,
body.capi-ambient.capi-ambient-subtle::before {
  display: none !important;
  background: none !important;
  content: none !important;
  animation: none !important;
}

/* Bg do body uniforme (sem gradientes ambient legados) */
body,
body.capi-ambient,
body.dark-mode,
body.capi-ambient.dark-mode {
  background: var(--ds-bg, #0a0a0a) !important;
  color: var(--ds-text, #fafafa) !important;
}

/* Killing capi-input-glass effects no chat input — meu chat-input.css cuida do estilo correto */
body.capi-input-glass .chat-input-area {
  background: transparent !important;
}

body.capi-input-glass .chat-input-container {
  /* deixa o meu chat-overrides.css comandar o visual; remove o background:glass legado */
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.capi-input-glass .chat-input-inner {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
}

/* Garantir que #particles-bg legado fica oculto */
#particles-bg {
  display: none !important;
}