/*
 * tokens.css - Design Tokens (CSS Custom Properties)
 * ===================================================
 * PORQUE: Fonte unica de verdade para TODAS as cores, espacamentos e tipografia.
 * Qualquer mudanca visual radical (rebrand, novo tema) comeca e TERMINA aqui.
 * Nenhum outro arquivo CSS deve conter valores hardcoded de cor ou font-family.
 *
 * RETROFIT:
 * - --muted e --muted-light no light mode ajustados para WCAG AA (ratio >= 4.5:1)
 * - --border-subtle adicionado para tokenizar valores antes hardcoded (#2e2e2e, #222)
 * - --scrollbar-thumb tokenizado
 */

/* ── DARK MODE (default) ── */
:root {
  /* Backgrounds - do mais profundo ao mais superficial */
  --bg-deep: #0a0a0a;
  --bg-surface: #111111;
  --bg-panel: #161616;
  --bg-input: #1c1c1c;

  /* Borders */
  --border: #2a2a2a;
  --border-subtle: #2e2e2e;
  --border-glow: rgba(196, 30, 30, 0.35);

  /* Brand - vermelho Athena */
  --red: #c41e1e;
  --red-dim: #8b1515;
  --red-glow: rgba(196, 30, 30, 0.15);

  /* Text */
  --white: #f0ece6;
  --muted: #6b6b6b;
  --muted-light: #9a9a9a;

  /* Chat bubbles */
  --user-bubble: #1e1e1e;
  --athena-bubble: #141414;

  /* Layout */
  --sidebar-w: 260px;

  /* Scrollbar */
  --scrollbar-thumb: #222;
}

/* ── LIGHT MODE ── */
html.light {
  --bg-deep: #f5f3f0;
  --bg-surface: #ffffff;
  --bg-panel: #f0ede9;
  --bg-input: #ffffff;

  --border: #e0dbd5;
  --border-subtle: #d5d0ca;
  --border-glow: rgba(196, 30, 30, 0.25);

  --red: #c41e1e;
  --red-dim: #a01818;
  --red-glow: rgba(196, 30, 30, 0.08);

  /* RETROFIT WCAG AA: --muted ajustado de #a09890 (ratio 2.8:1) para #7a7068 (ratio 4.6:1) */
  --white: #1a1714;
  --muted: #7a7068;
  --muted-light: #5a5048;

  --user-bubble: #eceae6;
  --athena-bubble: #f8f6f3;

  --scrollbar-thumb: #c5c0ba;
}