/* ===========================================================================
   lab/buttons.css — buttons keep ONE colour set in EVERY style.
   (Decision: button colours are theme-independent until we try pastel themes.)
   So there are deliberately NO .dark / .light variants here — just the set.
   =========================================================================== */

.btn            { display: inline-flex; align-items: center; justify-content: center;
                  height: 32px; min-width: 72px; padding: 0 16px;
                  border: none; border-radius: 6px;
                  font-family: 'Montserrat', sans-serif; font-size: 13px;
                  font-weight: 600; color: #ffffff; cursor: pointer;
                  text-decoration: none; outline: none;
                  transition: filter .12s ease; }

.btn-primary    { background: #3a85ff; }   /* blue   */
.btn-success    { background: #3a9d42; }   /* green  */
.btn-danger     { background: #e23b3b; }   /* red    */
.btn-warning    { background: #d9821f; }   /* orange */
.btn-neutral    { background: #5a5f6a; }   /* gray   */

.btn:hover      { filter: brightness(1.08); }
.btn:active     { filter: brightness(0.94); }