.ui-button{justify-content:center;align-items:center;gap:var(--lemn-space-2);border-radius:var(--lemn-radius-medium);font-family:var(--lemn-font-body);font-size:var(--lemn-font-size-small);font-weight:var(--lemn-font-weight-semibold);line-height:var(--lemn-line-height-small);white-space:nowrap;cursor:pointer;transition:background-color var(--lemn-duration-fast) var(--lemn-easing-standard), border-color var(--lemn-duration-fast) var(--lemn-easing-standard), color var(--lemn-duration-fast) var(--lemn-easing-standard), transform var(--lemn-duration-instant) var(--lemn-easing-standard);border:1px solid #0000;display:inline-flex}.ui-button[data-size=sm]{height:34px;padding:0 var(--lemn-space-3)}.ui-button[data-size=md]{height:36px;padding:0 var(--lemn-space-4)}.ui-button__icon{flex:none;align-items:center;display:inline-flex}.ui-button:not(:disabled):active{transform:scale(.98)}.ui-button:disabled{opacity:.5;cursor:not-allowed}.ui-button[data-variant=primary]{background:var(--lemn-color-accent);color:var(--lemn-color-accent-foreground)}.ui-button[data-variant=primary]:not(:disabled):hover{background:color-mix(in srgb, var(--lemn-color-accent) 86%, var(--lemn-color-text))}.ui-button[data-variant=secondary]{background:var(--lemn-color-surface-muted);border-color:var(--lemn-color-border-strong);color:var(--lemn-color-text)}.ui-button[data-variant=secondary]:not(:disabled):hover{background:var(--lemn-color-surface)}.ui-button[data-variant=ghost]{color:var(--lemn-color-text);background:0 0}.ui-button[data-variant=ghost]:not(:disabled):hover{background:var(--lemn-color-surface-muted)}.ui-button[data-variant=outline]{border-color:var(--lemn-color-border);color:var(--lemn-color-text);background:0 0}.ui-button[data-variant=outline]:not(:disabled):hover{background:var(--lemn-color-surface-muted)}.ui-button[data-variant=danger]{background:var(--lemn-color-danger);color:var(--lemn-color-canvas)}.ui-button[data-variant=danger]:not(:disabled):hover{background:color-mix(in srgb, var(--lemn-color-danger) 86%, var(--lemn-color-text))}.ui-button[data-variant=ghost-danger]{color:var(--lemn-color-danger);background:0 0}.ui-button[data-variant=ghost-danger]:not(:disabled):hover{background:var(--lemn-color-danger-surface)}
