/* Hover rules — these replace the design prototype's `style-hover="..."`
   attributes (not real CSS/HTML), one class per distinct hover declaration
   used in the markup. Declarations are copied verbatim from the design file. */

/* !important is required: these buttons also carry an inline `style="background:..."`
   (or `color:...`) attribute for their base state, and inline styles always beat a
   stylesheet rule regardless of selector specificity unless the rule is !important. */
.hover-bg-06:hover { background: rgba(13, 3, 15, .06) !important; }
.hover-bg-08:hover { background: rgba(13, 3, 15, .08) !important; }
.hover-opacity-82:hover { opacity: .82; }
.hover-color-plum:hover { color: var(--plum-700) !important; }

/* Add chore / Cancel buttons — on-light Button component, filled + ghost variants. */
.btn-primary:hover { background: var(--action-primary-bg-hover) !important; }
.btn-ghost:hover { background: rgba(13, 3, 15, .06) !important; }