Switch to design system typography class for header

diegochine · diegochine · commit 1ffb5c9f9074 · 2025-12-17T22:38:04.000+01:00
diff --git a/client/app.css b/client/app.css
@@ -36,10 +36,7 @@ html, body {
 }
 
 .bespoke .header h1 {
-  font-size: var(--Fonts-Body-Default-lg);
   margin: 0;
-  font-weight: 600;
-  font-family: var(--heading-family);
   color: var(--Colors-Text-Body-Strongest);
 }
 
diff --git a/client/index.html b/client/index.html
@@ -35,7 +35,7 @@
 <body class="bespoke">
   <!-- Navigation Header -->
   <header class="header">
-    <h1>CodeSignal CosmoPlot</h1>
+    <h1 class="heading-small">CodeSignal CosmoPlot</h1>
     <div class="spacer"></div>
     <div id="status" class="status">Ready</div>
     <button id="btn-help" class="button button-text">Help</button>

Original file line number	Diff line number	Diff line change
`@@ -36,10 +36,7 @@ html, body {`
`36`	`36`	`}`
`37`	`37`
`38`	`38`	`.bespoke .header h1 {`
`39`		`- font-size: var(--Fonts-Body-Default-lg);`
`40`	`39`	`margin: 0;`
`41`		`- font-weight: 600;`
`42`		`- font-family: var(--heading-family);`
`43`	`40`	`color: var(--Colors-Text-Body-Strongest);`
`44`	`41`	`}`
`45`	`42`