/* ==========================================================================
   custom.css — this is YOUR file.
   --------------------------------------------------------------------------
   Loaded after style.css, so anything you write here overrides the base
   theme. You don't need to touch style.css at all — just redeclare any of
   its CSS variables here, or add brand-new rules.

   Example: switch the accent color and bubble shape.

   :root {
       --accent: #ff6b8b;
       --accent-hover: #ff85a1;
       --radius-md: 4px;
   }

   .msg-bubble {
       font-family: "Comic Sans MS", cursive;
   }
   ========================================================================== */