使用CSS变量变亮mixin

Question

我正在尝试将sass mixin lighten与css变量一起使用，但似乎不起作用。有什么想法我做错了吗？

CSS

:root {
       --primary-color: 2, 0, 182;
     }


    .btn--primary {
      width:100px;
      height:20px;
      display:block;
      background: rgba(var(--primary-color), .85);
      background: -moz-linear-gradient(top, rgba(var(--primary-color), 1) 0%, lighten(rgba(var(--primary-color)), 10%) 85%);
      background: -webkit-linear-gradient(top, rgba(var(--primary-color), 1) 0%, lighten(rgba(var(--primary-color)), 10%) 85%);
      background: linear-gradient(to bottom, rgba(var(--primary-color), 1) 0%, lighten(rgba(var(--primary-color)), 10%) 85%);
    }

HTML

<button>Send</button>