/* ── Dark: Catppuccin Mocha ───────────────────────────────────────────────── */
:root,
[data-theme="dark"] {
  --bg:              #181825;   /* Crust     */
  --panel-bg:        #1e1e2e;   /* Base      */
  --panel-fg:        #cdd6f4;   /* Text      */
  --panel-accent:    #cba6f7;   /* Mauve     */
  --panel-accent-fg: #1e1e2e;   /* text ON accent-coloured buttons */
  --panel-border:    #313244;   /* Surface 0 */
  --user-bubble:     #313244;   /* Surface 0 */
  --scribe-bubble:   #45475a;   /* Surface 1 */
  --input-bg:        #313244;   /* Surface 0 */
  --placeholder-fg:  #585b70;   /* Overlay 0 */
  --error-fg:        #f38ba8;   /* Red       */
  /* mind-map — CSS custom properties pierce the shadow DOM boundary */
  --node-fill:       #cba6f7;   /* Mauve     */
  --node-selected:   #f38ba8;   /* Red       */
  --node-text:       #cdd6f4;   /* Text      */
  --link-stroke:     #45475a;   /* Surface 1 */
}

/* ── Light: Catppuccin Latte ─────────────────────────────────────────────── */
[data-theme="light"] {
  --bg:              #dce0e8;   /* Crust     */
  --panel-bg:        #eff1f5;   /* Base      */
  --panel-fg:        #4c4f69;   /* Text      */
  --panel-accent:    #213ddd;   /* Lavender  */
  --panel-accent-fg: #eff1f5;   /* text ON accent-coloured buttons */
  --panel-border:    #ccd0da;   /* Surface 0 */
  --user-bubble:     #ccd0da;   /* Surface 0 */
  --scribe-bubble:   #bcc0cc;   /* Surface 1 */
  --input-bg:        #e6e9ef;   /* Mantle    */
  --placeholder-fg:  #9ca0b0;   /* Overlay 0 */
  --error-fg:        #d20f39;   /* Red       */
  --node-fill:       #213ddd;   /* Lavender  */
  --node-selected:   #d20f39;   /* Red       */
  --node-text:       #4c4f69;   /* Text      */
  --link-stroke:     #bcc0cc;   /* Surface 1 */
}