Enhance roll result colors

styles/global.less

@@ -7,11 +7,11 @@
   --font-secondary: "RozhaOne";
   --font-title: "Broadway";
   --logo-standard: url("../assets/logos/reanimated-ce-logo.webp");
-  --color-success: darkgreen;
+  --color-success: rgb(18, 233, 18);
   --color-failure: darkred;
   --color-warning: darkorange;
-  --color-critical-success: lightgreen;
-  --color-critical-failure: lightcoral;
+  --color-critical-success: rgb(21, 39, 204);
+  --color-critical-failure: rgb(141, 32, 231);
   --img-icon-color-filter: brightness(0) saturate(100%) invert(52%) sepia(9%) saturate(2368%) hue-rotate(360deg) brightness(86%) contrast(84%);
 }
 

styles/protagonist.less

@@ -127,12 +127,16 @@
           max-width: 2.4rem;
         }
         .label-field {
-          flex-grow: 0;
+          flex-grow: 1;
           margin-left: 4px;
-          max-width: 3.0rem;
-          min-width: 3.0rem;
+          max-width: 5rem;
+          min-width: 5rem;
+          font-size: 0.9rem;
         }
-        .checkbox {          
+        .checkbox {       
+          flex-grow: 0;
+          min-width: 1rem;
+          max-width: 1rem;
         }
 
       }