/* ---------------------------------------------------------------------------
   Tokens do sistema (cor, forma, elevação, movimento) — FONTE DA VERDADE.
   Consumido por styles.css/mencoes.css/painel.css E pelo Painel de Votações
   (injetado no iframe pelo build). Mudar a marca = mudar aqui, um lugar só.
--------------------------------------------------------------------------- */
:root {
  /* --- Cor (Material 3, esquema claro) --- */
  /* Tema do app em verde Tiffany. Tom FUNDO (#0a807b) para botões/links/foco:
     tem contraste legível (~4.8:1 com branco), diferente do Tiffany vivo puro,
     que fica ilegível como texto. O vivo (--tiffany) é reservado ao logo SUSi. */
  --md-primary: #0a807b;
  --md-on-primary: #ffffff;
  --md-primary-container: #d5f4f2;
  --md-on-primary-container: #00413d;

  --md-surface: #fdfcff;
  --md-surface-container-low: #f6f8fc;
  --md-surface-container: #f0f4f9;
  --md-surface-container-high: #e9eef6;
  --md-on-surface: #1b1b1f;
  --md-on-surface-variant: #44474e;

  --md-outline: #74777f;
  --md-outline-variant: #c4c6d0;

  --md-inverse-surface: #303034;
  --md-inverse-on-surface: #f2f0f4;

  /* A IA tem cor própria — o roxo/gradiente é a convenção visual de "isto é IA",
     e separá-la do azul primário deixa claro o que é busca comum e o que não é. */
  /* Tudo relacionado à IA no site usa a cor da SUSi (verde Tiffany): o chat, a
     tag "IA · significado" dos resultados, o card de resposta e as citações. */
  /* IA usa o mesmo Tiffany fundo do tema (legível); container claro para fundos. */
  --md-ia: var(--md-primary);
  --md-ia-container: var(--tiffany-container);

  /* Verde Tiffany — a cor da marca SUSi. */
  --tiffany: #0abab5;
  --tiffany-container: #d5f4f2;
  --ciano: #0aa4c9; /* tom ciano para o degradê da pill da SUSi */

  /* Violeta — cor das "bandeiras" (temas) no Radar, para separar de menção (verde). */
  --violeta: #7a5fb0;
  --violeta-forte: #6b4fa0;
  --violeta-container: #efe8f9;

  /* --- Forma --- */
  --md-shape-xs: 4px;
  --md-shape-sm: 8px;
  --md-shape-md: 12px;
  --md-shape-lg: 16px;
  --md-shape-xl: 28px;
  --md-shape-full: 999px;

  /* --- Elevação --- */
  --md-elev-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.06);
  --md-elev-2: 0 1px 2px rgba(0, 0, 0, 0.3), 0 2px 6px 2px rgba(0, 0, 0, 0.08);
  --md-elev-3: 0 1px 3px rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.1);

  /* --- Movimento --- */
  --md-ease: cubic-bezier(0.2, 0, 0, 1);
  --md-dur: 180ms;

  /* Largura do painel do chat da SUSi. Usada pelo próprio painel (que abre pela
     ESQUERDA) e pelo dock de botões (painel.css): ao abrir o chat, o dock desliza
     exatamente esta distância para a direita, acompanhando a borda do painel. */
  --chat-w: min(28rem, 100vw);

  --font: Roboto, system-ui, -apple-system, "Segoe UI", sans-serif;
}