Better global style

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>

packages/canon/src/components/Link/styles.css

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-a.canon-Link {
+.canon-Link {
   font-family: var(--canon-font-regular);
   color: var(--canon-fg-link);
   padding: 0;
@@ -36,30 +36,30 @@ a.canon-Link {
   }
 }
 
-a.canon-Link--variant-body {
+.canon-Link--variant-body {
   font-size: var(--canon-font-size-3);
   line-height: 140%;
 }
 
-a.canon-Link--variant-subtitle {
+.canon-Link--variant-subtitle {
   font-size: var(--canon-font-size-4);
   line-height: 140%;
 }
 
-a.canon-Link--variant-caption {
+.canon-Link--variant-caption {
   font-size: var(--canon-font-size-2);
   line-height: 140%;
 }
 
-a.canon-Link--variant-label {
+.canon-Link--variant-label {
   font-size: var(--canon-font-size-1);
   line-height: 140%;
 }
 
-a.canon-Link--weight-regular {
+.canon-Link--weight-regular {
   font-weight: var(--canon-font-weight-regular);
 }
 
-a.canon-Link--weight-bold {
+.canon-Link--weight-bold {
   font-weight: var(--canon-font-weight-bold);
 }

packages/canon/src/css/core.css

@@ -18,8 +18,13 @@
 @import './normalize.css';
 @import './utilities.css';
 
-/* Light theme tokens */
+/* Global reset */
+:where(a) {
+  color: inherit;
+  text-decoration: none;
+}
 
+/* Light theme tokens */
 :root {
   /* Font families */
   --canon-font-regular: system-ui;
@@ -113,12 +118,6 @@
   --canon-ring: #1f5493;
   --canon-scrollbar: #a0a0a03b;
   --canon-scrollbar-thumb: #a0a0a0;
-
-  /* Global reset */
-  a {
-    color: inherit;
-    text-decoration: none;
-  }
 }
 
 /* Dark theme tokens */