/* Tokens de diseño. Modo oscuro automático según el sistema. */
:root {
  color-scheme: light dark;
  --bg:#F7F7F5; --surface:#EFEFEB; --surface2:#E8E8E3; --card:#FFFFFF;
  --text:#18181B; --muted:#63636B; --subtle:#63636B;
  --accent:#1B3FD8; --accent-strong:#1535B5; --accent-bg:#EEF2FF; --border:#E4E4E7; --radius:6px;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg:#111113; --surface:#1A1A1E; --surface2:#242429; --card:#18181B;
    --text:#F2F2F3; --muted:#A1A1AA; --subtle:#A1A1AA;
    --accent:#8FA5FF; --accent-strong:#A9BAFF; --accent-bg:#1C2340; --border:#2E2E34;
  }
  .send-btn svg { stroke:#111113; }
  .msg-avatar span, .typing-avatar span { color:#111113; }
  .skip-link { color:#111113; }
}