From 8fb71246e6d45495b5c0f62323c1e2177202a4a3 Mon Sep 17 00:00:00 2001
From: Jules Simplicio <jsimplicio@mozilla.com>
Date: Tue, 19 Sep 2023 22:25:27 +0000
Subject: [PATCH] Bug 1838939 - Part 6: Use design system typography in
 protection and panels
 r=desktop-theme-reviewers,reusable-components-reviewers,dao,hjones

Differential Revision: https://phabricator.services.mozilla.com/D186035
---
 browser/components/protections/content/protections.css  | 4 +---
 browser/themes/shared/customizableui/panelUI-shared.css | 2 --
 toolkit/themes/shared/design-system/tokens-brand.css    | 2 +-
 3 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/browser/components/protections/content/protections.css b/browser/components/protections/content/protections.css
index bb03a1564c87..de0ee0b2a0c7 100644
--- a/browser/components/protections/content/protections.css
+++ b/browser/components/protections/content/protections.css
@@ -65,12 +65,10 @@ body[focuseddatatype=cryptominer] {
 }
 
 h2 {
-  font-weight: 700;
+  font-weight: var(--font-weight-bold);
 }
 
 #report-title {
-  font-size: 20px;
-  font-weight: 300;
   margin-block-end: 20px;
 }
 
diff --git a/browser/themes/shared/customizableui/panelUI-shared.css b/browser/themes/shared/customizableui/panelUI-shared.css
index a125696074c3..0bd11cb9489f 100644
--- a/browser/themes/shared/customizableui/panelUI-shared.css
+++ b/browser/themes/shared/customizableui/panelUI-shared.css
@@ -1550,8 +1550,6 @@ radiogroup:focus-visible > .subviewradio[focused="true"] > .radio-label-box {
 
 .panel-header > h1 {
   flex: auto;
-  font-size: inherit;
-  font-weight: 600;
   margin: 0;
 }
 
diff --git a/toolkit/themes/shared/design-system/tokens-brand.css b/toolkit/themes/shared/design-system/tokens-brand.css
index a9e680455334..648d352fcd22 100644
--- a/toolkit/themes/shared/design-system/tokens-brand.css
+++ b/toolkit/themes/shared/design-system/tokens-brand.css
@@ -2,7 +2,7 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
-@import url("chrome://global/skin/design-tokens-shared.css");
+@import url("chrome://global/skin/design-system/tokens-shared.css");
 
 :root,
 :host(.anonymous-content-host) {