:root{
    --orange:#ffa300; --orange-dark:#e58f00; --orange-soft:#fff4dc; --orange-tint:#fff8e8;
    --ink:#333333; --ink-2:#4b4b4b;
    --bg:#f6f5f1; --panel:#ffffff; --panel-2:#fafaf7;
    --muted:#7a7a7a; --border:#e9e8e3; --border-2:#efeeea;
    --danger:#dc2626; --success:#16a34a; --warn:#b45309;
    --bubble-me:#fff1cf;
    --bubble-them:#ffffff;
    --shadow:0 12px 30px rgba(0,0,0,.06);
    --radius:14px;
    --sidebar-w:280px;
    --sidebar-w-collapsed:72px;
    --chatlist-w:340px;
  }

  /* v42: Night mode. Driven by body.theme-dark (toggled from JS for light / dark /
     auto). Remapping the design tokens flips every var()-based surface; the
     companion block in app.css handles the remaining hardcoded light surfaces. */
  body.theme-dark{
    --orange:#ffb02e; --orange-dark:#ffc14d; --orange-soft:#3a2e12; --orange-tint:#2a2410;
    --ink:#e9e7e2; --ink-2:#c4c2bc;
    --bg:#0f1115; --panel:#171a20; --panel-2:#1d212a;
    --muted:#9aa0a8; --border:#2b313b; --border-2:#232932;
    --danger:#f87171; --success:#34d399; --warn:#fbbf24;
    --bubble-me:#1d3d2e;
    --bubble-them:#1d212a;
    --shadow:0 12px 30px rgba(0,0,0,.5);
  }