layout, radius and border

config/Dimensions.qml

@@ -1,22 +0,0 @@
-pragma Singleton
-
-import QtQuick
-import Quickshell
-
-Singleton {
-    id: root
-
-    property int radius: 8
-
-    property Bar bar: Bar {}
-
-    component Bar: QtObject {
-        property int spacing: 8
-        property int border: 2
-        property int height: 50
-        property int verticalMargins: 4
-        property int horizontalMargins: 8
-        property int verticalPadding: 2
-        property int horizontalPadding: 8
-    }
-}

config/Styling.qml

@@ -8,6 +8,7 @@ Singleton {
 
     readonly property Animations animations: Animations {}
     readonly property Typography typography: Typography {}
+    readonly property Layout layout: Layout {}
     readonly property var theme: Theme.palette
     readonly property Lucide lucide: Lucide {}
 
@@ -33,6 +34,16 @@ Singleton {
         readonly property int xl: 24
     }
 
+    component Layout: QtObject {
+        readonly property LayoutSpacing spacing: LayoutSpacing {}
+    }
+    component LayoutSpacing: QtObject {
+        readonly property int sm: 2
+        readonly property int base: 4
+        readonly property int lg: 8
+        readonly property int xl: 12
+    }
+
     component Lucide: Item {
 
         readonly property alias font: loader.font

config/Theme.qml

@@ -86,6 +86,11 @@ Singleton {
                 property color warningcontent: "#793205"
                 property color error: "#ff627d"
                 property color errorcontent: "#4d0218"
+
+                property int radiusSelector: 8
+                property int radiusField: 8
+                property int radiusBox: 8
+                property int border: 2
             }
         }
     }