Issue #3506818 by g4mbini: [5.0.x] Add global Theme CSS variables

Closes #3506818

ui_suite_daisyui.ui_skins.css_variables.yml

-border_btn:
-  category: "Component: Button"
-  label: "Button border"
+color-primary:
+  category: "Colors"
+  label: "Primary brand color"
   type: textfield
   default_values:
-    ":root": "1px"
+    ":root": ""
 
-p:
+color-primary-content:
   category: "Colors"
-  label: "Primary color"
+  label: "Foreground content color to use on primary color"
   type: textfield
   default_values:
-    ":root": "0.4912 0.3096 275.75"
+    ":root": ""
 
-pc:
+color-secondary:
   category: "Colors"
-  label: "Primary content color"
+  label: "Secondary brand color"
   type: textfield
   default_values:
-    ":root": "0.89824 0.06192 275.75"
+    ":root": ""
 
-s:
+color-secondary-content:
   category: "Colors"
-  label: "Secondary color"
+  label: "Foreground content color to use on secondary color"
   type: textfield
   default_values:
-    ":root": "0.6971 0.329 342.55"
+    ":root": ""
 
-sc:
+color-accent:
   category: "Colors"
-  label: "Secondary content color"
+  label: "Accent brand color"
   type: textfield
   default_values:
-    ":root": "0.9871 0.0106 342.55"
+    ":root": ""
 
-a:
+color-accent-content:
   category: "Colors"
-  label: "Accent color"
+  label: "Foreground content color to use on accent color"
   type: textfield
   default_values:
-    ":root": "0.7676 0.184 183.61"
+    ":root": ""
 
-ac:
+color-neutral:
   category: "Colors"
-  label: "Accent content color"
+  label: "Neutral dark color"
   type: textfield
   default_values:
-    ":root": "0.15352 0.0368 183.61"
+    ":root": ""
 
-n:
+color-neutral-content:
   category: "Colors"
-  label: "Neutral color"
+  label: "Foreground content color to use on neutral color"
   type: textfield
   default_values:
-    ":root": "0.321785 0.02476 255.702"
+    ":root": ""
 
-nc:
+color-base-100:
   category: "Colors"
-  label: "Neutral content color"
+  label: "Base color of page, used for blank backgrounds"
   type: textfield
   default_values:
-    ":root": "0.894994 0.011585 252.096"
+    ":root": ""
 
-b1:
+color-base-200:
   category: "Colors"
-  label: "Base 100 color"
+  label: "Base color, darker shade"
   type: textfield
   default_values:
-    ":root": "1 0 0"
+    ":root": ""
 
-b2:
+color-base-300:
   category: "Colors"
-  label: "Base 200 color"
+  label: "Base color, even more darker shade"
   type: textfield
   default_values:
-    ":root": "0.961151 0 0"
+    ":root": ""
 
-b3:
+color-base-content:
   category: "Colors"
-  label: "Base 300 color"
+  label: "Foreground content color to use on base color"
   type: textfield
   default_values:
-    ":root": "0.924169 0.00108 197.138"
+    ":root": ""
 
-bc:
+color-info:
   category: "Colors"
-  label: "Base content color"
+  label: "Info color"
   type: textfield
   default_values:
-    ":root": "0.278078 0.029596 256.848"
+    ":root": ""
 
-in:
+color-info-content:
   category: "Colors"
-  label: "Info color"
+  label: "Foreground content color to use on info color"
   type: textfield
   default_values:
-    ":root": "0.7206 0.191 231.6"
+    ":root": ""
 
-inc:
+color-success:
   category: "Colors"
-  label: "Info content color"
+  label: "Success color"
   type: textfield
   default_values:
-    ":root": "0 0 0"
+    ":root": ""
 
-su:
+color-success-content:
   category: "Colors"
-  label: "Info color"
+  label: "Foreground content color to use on success color"
   type: textfield
   default_values:
-    ":root": "0.648 0.15 160"
+    ":root": ""
 
-suc:
+color-warning:
   category: "Colors"
-  label: "Info content color"
+  label: "Warning color"
   type: textfield
   default_values:
-    ":root": "0 0 0"
+    ":root": ""
 
-wa:
+color-warning-content:
   category: "Colors"
-  label: "Info color"
+  label: "Foreground content color to use on warning color"
   type: textfield
   default_values:
-    ":root": "0.8471 0.199 83.87"
+    ":root": ""
 
-wac:
+color-error:
   category: "Colors"
-  label: "Info content color"
+  label: "Error color"
   type: textfield
   default_values:
-    ":root": "0 0 0"
+    ":root": ""
 
-er:
+color-error-content:
   category: "Colors"
-  label: "Info color"
+  label: "Foreground content color to use on error color"
   type: textfield
   default_values:
-    ":root": "0.7176 0.221 22.18"
+    ":root": ""
 
-erc:
-  category: "Colors"
-  label: "Info content color"
+radius-selector:
+  category: "Border radius"
+  label: "Border radius for selectors like checkbox, toggle, badge, etc"
+  type: textfield
+  default_values:
+    ":root": ""
+
+radius-field:
+  category: "Border radius"
+  label: "Border radius for fields like input, select, tab, etc"
+  type: textfield
+  default_values:
+    ":root": ""
+
+radius-box:
+  category: "Border radius"
+  label: "Border radius for boxes like card, modal, alert, etc"
+  type: textfield
+  default_values:
+    ":root": ""
+
+size-selector:
+  category: "Sizes"
+  label: "Base scale size for selectors like checkbox, toggle, badge, etc"
+  type: textfield
+  default_values:
+    ":root": ""
+
+size-field:
+  category: "Sizes"
+  label: "Base scale size for fields like input, select, tab, etc"
+  type: textfield
+  default_values:
+    ":root": ""
+
+border:
+  category: "Borders"
+  label: "Border width of all components"
+  type: textfield
+  default_values:
+    ":root": ""
+
+depth:
+  category: "Effects"
+  label: "(binary) Adds a depth effect for relevant components"
+  type: textfield
+  default_values:
+    ":root": ""
+
+noise:
+  category: "Effects"
+  label: "(binary) Adds a background noise effect for relevant components"
   type: textfield
   default_values:
-    ":root": "0 0 0"
+    ":root": ""