diff --git a/apps/theming/css/default.css b/apps/theming/css/default.css
index 6a5f91af864..43c7165fe8f 100644
--- a/apps/theming/css/default.css
+++ b/apps/theming/css/default.css
@@ -52,6 +52,8 @@
   --border-radius: 3px;
   --border-radius-large: 10px;
   --border-radius-rounded: 28px;
+  /* Border radius of interactive elements such as buttons, input, navigation and list items. Available since Nextcloud 30. */
+  --border-radius-element: 10px;
   --border-radius-pill: 100px;
   --default-clickable-area: 44px;
   --default-line-height: 24px;
diff --git a/apps/theming/lib/Themes/DefaultTheme.php b/apps/theming/lib/Themes/DefaultTheme.php
index c48cc08f30b..390a8f5dddb 100644
--- a/apps/theming/lib/Themes/DefaultTheme.php
+++ b/apps/theming/lib/Themes/DefaultTheme.php
@@ -183,6 +183,7 @@ class DefaultTheme implements ITheme {
 			'--border-radius' => '3px',
 			'--border-radius-large' => '10px',
 			'--border-radius-rounded' => '28px',
+			'--border-radius-element' => '10px',
 			// pill-style button, value is large so big buttons also have correct roundness
 			'--border-radius-pill' => '100px',