PB-108 use LESS variables correctly with correct value

Author: paras89

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/_var.less

@@ -41,6 +41,7 @@
 @placeholder-error-outline: #f7aaaa;
 @placeholder-error-outline-mce: #e12525;
 @color-white-fog: #f8f8f8;
+@color-red-berry: rgba(142, 0, 6, .3);
 
 //
 //  Fonts

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/column-group/_default.less

@@ -31,7 +31,7 @@
         }
 
         .drop-placeholder {
-            background: rgba(142, 0, 6, .3);
+            background: @color-red-berry;
             bottom: 0;
             opacity: 0;
             position: absolute;
@@ -56,7 +56,7 @@
 
         .move-placeholder {
             animation: inner-pulsate 1s infinite ease-in-out;
-            background: rgba(142, 0, 6, .3);
+            background: @color-red-berry;
             bottom: 0;
             opacity: 0;
             position: absolute;

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/column-line/_default.less

@@ -8,8 +8,6 @@
 //
 //  _____________________________________________
 
-@color-red-berry: #8e00064d;
-
 .pagebuilder-column-line {
     position: relative;
     width: 100%;