feat: fontbuilder to streamline font styling

Modules/Resources/Cards/HeroCard.qml

@@ -27,8 +27,7 @@ CustomClippingRect {
 		implicitWidth: parent.width * root.usage
 
 		Behavior on implicitWidth {
-			Anim {
-			}
+			Anim {}
 		}
 	}
 
@@ -45,8 +44,7 @@ CustomClippingRect {
 		value: root.usage
 
 		Behavior on clampedVal {
-			Anim {
-			}
+			Anim {}
 		}
 
 		MaterialIcon {
@@ -54,7 +52,7 @@ CustomClippingRect {
 
 			anchors.centerIn: parent
 			color: root.accent
-			font.pointSize: Tokens.font.size.large
+			fontStyle: Tokens.font.icon.large
 			text: root.icon
 		}
 	}
@@ -125,15 +123,14 @@ CustomClippingRect {
 
 			anchors.right: parent.right
 			color: Colors.palette.m3onSurfaceVariant
-			font.pointSize: Tokens.font.size.normal
+			font: Tokens.font.body.medium
 			text: qsTr("Usage")
 		}
 
 		CustomText {
 			anchors.right: parent.right
 			color: root.accent
-			font.pointSize: Tokens.font.size.extraLarge
-			font.weight: Font.Medium
+			font: Tokens.font.headline.builders.small.width(50).build()
 			text: isNaN(root.usage) ? "...%" : Math.round(root.usage * 100) + "%"
 		}
 	}

Modules/Resources/Cards/MemoryCard.qml

@@ -51,8 +51,7 @@ CustomRect {
 			value: Memory.percentage
 
 			Behavior on clampedVal {
-				Anim {
-				}
+				Anim {}
 			}
 
 			ColumnLayout {
@@ -65,7 +64,7 @@ CustomRect {
 				CustomText {
 					Layout.alignment: Qt.AlignHCenter
 					color: root.accent
-					font.pointSize: Tokens.font.size.large
+					font: Tokens.font.body.large
 					text: Math.round(Memory.percentage * 100) + "%"
 				}
 

Modules/Resources/Cards/StorageCard.qml

@@ -43,8 +43,7 @@ CustomRect {
 				value: root.percentage
 
 				Behavior on clampedVal {
-					Anim {
-					}
+					Anim {}
 				}
 
 				ColumnLayout {
@@ -56,14 +55,14 @@ CustomRect {
 					MaterialIcon {
 						Layout.alignment: Qt.AlignHCenter
 						color: root.accent
-						font.pointSize: Tokens.font.size.large
+						fontStyle: Tokens.font.icon.large
 						text: "hard_drive"
 					}
 
 					CustomText {
 						Layout.alignment: Qt.AlignHCenter
 						color: root.accent
-						font.pointSize: Tokens.font.size.large
+						font: Tokens.font.body.large
 						text: Math.round(root.percentage * 100) + "%"
 					}
 
@@ -112,8 +111,7 @@ CustomRect {
 
 				model: Storage.disks
 
-				DiskItem {
-				}
+				DiskItem {}
 			}
 		}
 	}

Modules/Resources/Cards/VramCard.qml

@@ -53,8 +53,7 @@ CustomRect {
 			value: Gpu.memoryUsed / Gpu.memoryTotal
 
 			Behavior on clampedVal {
-				Anim {
-				}
+				Anim {}
 			}
 
 			ColumnLayout {
@@ -67,7 +66,7 @@ CustomRect {
 				CustomText {
 					Layout.alignment: Qt.AlignHCenter
 					color: root.accent
-					font.pointSize: Tokens.font.size.large
+					font: Tokens.font.body.large
 					text: Math.round(circularIndicator.value * 100) + "%"
 				}