/* ============================================================
   CULMEN — PRIMARY ACTION
   Loaded after culmen-accent.css. Owns the fill button and the
   cart badge only — the four category accents live in
   culmen-accent.css and are not touched here.

   Colourless on purpose: the four accents are spoken for by
   categories, so a CTA in any of them would read as a category
   rather than an action. Light-on-dark is also the highest
   contrast pairing available on this background.

   Revert to violet by deleting this file's <link> in
   layout/theme.liquid.
   ============================================================ */

.btn--fill{
  background:#EDEFF4;
  border-color:transparent;
  color:#14141C;
  box-shadow:0 1px 0 rgba(255,255,255,.5) inset, 0 12px 30px -16px rgba(0,0,0,.85);
}
.btn--fill:hover{
  background:#FFFFFF;
  color:#0E0E15;
  box-shadow:0 1px 0 rgba(255,255,255,.6) inset,
             0 0 0 1px rgba(103,232,249,.45),
             0 0 30px -10px rgba(103,232,249,.40),
             0 14px 34px -18px rgba(0,0,0,.9);
}
.btn--fill:active{background:#E4E7EE}

/* the shine sweep in culmen-polish.css is white — invisible on a light
   button, so darken it to keep the hover motion readable */
.btn--fill::after{
  background:linear-gradient(105deg,transparent 38%,rgba(18,18,26,.12) 50%,transparent 62%);
}

/* cart badge matches the primary action */
.cart-link .cart-count,
.hdr .cart-count{
  background:#EDEFF4;
  color:#14141C;
  border-color:transparent;
  font-weight:600;
}
.cart-link:hover .cart-count{background:#FFFFFF}