/* Satin finish shared by the app and marketing site.
 * Primary-button geometry and interactions stay in brand-actions.css.
 */
:root {
  --action-primary-background: linear-gradient(135deg, #ffffff0d 0%, #ffffff00 35%, #0d19290a 100%), linear-gradient(180deg, #5c60ff, #4e52ff);
  --action-primary-hover-background: var(--action-primary-background);
  --action-primary-active-background: var(--action-primary-background);
  --action-primary-bevel: inset 0 1px 0 #ffffff57, inset 1px 0 0 #ffffff12, inset 0 -1px 1px #0d192925;
  --action-primary-elevation: 0 2px 4px -1px #2d31eb1c, 0 1px 1px #0d192915;
  --action-primary-shadow: var(--action-primary-bevel), var(--action-primary-elevation);
  --action-primary-hover-shadow: inset 0 1px 0 #ffffff70, inset 0 -1px 1px #0d192925, 0 4px 8px -3px #2d31eb1c;
  --action-primary-active-shadow: inset 0 2px 3px #0d19292e, inset 0 -1px 0 #ffffff20, 0 1px 2px #0d192914;
  --action-primary-texture: url('/assets/button-grain.svg');
  --action-primary-grain: .07;
  --action-primary-border-width: 0px;
  --action-primary-hover-filter: brightness(1.055);
  --action-primary-active-filter: brightness(.96);
}
.dark,
[data-action-theme="dark"] {
  --action-primary-background: linear-gradient(135deg, #ffffff0d 0%, #ffffff00 35%, #0d19290a 100%), linear-gradient(180deg, #9699ff, #7d80ff);
  --action-primary-elevation: 0 4px 8px -2px #0d1929c0, 0 1px 2px #0d192980;
  --action-primary-hover-shadow: inset 0 1px 0 #ffffff70, inset 0 -1px 1px #0d192925, 0 4px 8px -3px #0d1929c0;
}