Feat: update border radius variables

Signed-off-by: Marco Ambrosini <marcoambrosini@proton.me>

Author: marcoambrosini

apps/theming/lib/Themes/DefaultTheme.php

@@ -171,12 +171,22 @@ public function getCSSVariables(): array {
 			// Border width for input elements such as text fields and selects
 			'--border-width-input' => '1px',
 			'--border-width-input-focused' => '2px',
-			'--border-radius' => '3px',
+
+			// Border radii (new values)
+			// See url on how to use 
+			'--border-radius-small' => '4px', // For smaller elements
+			'--border-radius-element' => '8px', // For normal elements like buttons and inputs
+			'--border-radius-container' => '12px', // For smaller containers like action menus 
+			'--border-radius-container-large' => '16px', // For bigger containers like body or modals 
+
+			// Border radii (deprecated)
+			'--border-radius' => '4px',
 			'--border-radius-large' => '10px',
 			'--border-radius-rounded' => '28px',
-			'--border-radius-element' => '8px',
-			// pill-style button, value is large so big buttons also have correct roundness
-			'--border-radius-pill' => '100px',
+			'--border-radius-pill' => '100px', 
+
+			// Big containers border radius, used for the body container
+			'--border-radius-large' => '10px',
 
 			'--default-clickable-area' => '34px',
 			'--clickable-area-large' => '48px',