/*
  V4 Chat — Theme Light
  Override das tokens do Design System V4 para visual em fundo branco.
  Mantém a brand V4 (#FF0037) como detalhes/ações primárias.
  Carregado DEPOIS do bundle.css no layout.
*/

:root {
  /* Brand — mantido V4 */
  --ds-brand: #FF0037;
  --ds-brand-deep: #C8002B;
  --ds-brand-glow: rgba(255,0,55,.25);
  --ds-brand-subtle: rgba(255,0,55,.08);
  --ds-brand-muted: rgba(255,0,55,.04);

  /* Surfaces — invertidas para light */
  --ds-bg: #FFFFFF;
  --ds-bg-alt: #FAFAFA;
  --ds-surface: #F7F7F8;
  --ds-surface-2: #EFEFF1;
  --ds-surface-3: #E4E4E7;

  /* Borders — escuras sobre fundo claro */
  --ds-border: rgba(0,0,0,.08);
  --ds-border-strong: rgba(0,0,0,.14);
  --ds-border-focus: rgba(0,0,0,.25);

  /* Text — escuro sobre fundo claro */
  --ds-text: #0A0A0A;
  --ds-text-dim: #4A4A52;
  --ds-text-muted: #8A8A92;
  --ds-text-inverse: #FFFFFF;

  /* Semantic — cores mais escuras para contrastar em fundo claro */
  --ds-success: #16A34A;
  --ds-success-subtle: rgba(22,163,74,.1);
  --ds-warning: #D97706;
  --ds-warning-subtle: rgba(217,119,6,.1);
  --ds-error: #DC2626;
  --ds-error-subtle: rgba(220,38,38,.1);
  --ds-info: #2563EB;
  --ds-info-subtle: rgba(37,99,235,.1);

  /* Accents — Pulse roxo mantido, tom mais escuro para contraste em light */
  --ds-accent-1: #7C3AED;
  --ds-accent-1-subtle: rgba(124,58,237,.12);
  --ds-accent-1-border: rgba(124,58,237,.30);
  --ds-accent-2: #2563EB;
  --ds-accent-2-subtle: rgba(37,99,235,.12);
  --ds-accent-2-border: rgba(37,99,235,.30);
  --ds-accent-3: #EA580C;
  --ds-accent-3-subtle: rgba(234,88,12,.12);
  --ds-accent-3-border: rgba(234,88,12,.30);

  /* Gradientes — adaptados para light */
  --ds-gradient-text: linear-gradient(135deg, #0A0A0A 0%, #4A4A52 100%);
  --ds-gradient-brand: linear-gradient(135deg, #0A0A0A, var(--ds-brand));
  --ds-gradient-surface: linear-gradient(135deg, var(--ds-surface) 0%, var(--ds-surface-2) 100%);

  /* Sombras — sutis em fundo claro */
  --ds-shadow-card: 0 2px 12px rgba(0,0,0,.05);
  --ds-shadow-input: 0 2px 12px rgba(0,0,0,.05);
}