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) + "%"
 		}
 	}