wip: replace hardcoded spacing and font values with design tokens

Author: thdxr

cloud/app/src/routes/index.css

@@ -11,7 +11,7 @@
   a {
     color: var(--color-text);
     text-decoration: underline;
-    text-underline-offset: 0.1875rem;
+    text-underline-offset: var(--space-0-75);
   }
 
   background: var(--color-bg);
@@ -54,21 +54,16 @@
       text-decoration: underline;
       align-items: center;
       justify-content: center;
-      text-underline-offset: 0.1875rem;
+      text-underline-offset: var(--space-0-75);
       border-right: 2px solid var(--color-border);
-
-      a {
-        color: var(--color-text);
-        text-decoration: underline;
-      }
     }
 
     [data-slot="right"] {
       flex: 1;
       display: flex;
       align-items: center;
       justify-content: center;
-      gap: 0.625rem;
+      gap: var(--space-2-5);
       padding: 0 var(--space-6);
     }
 
@@ -78,7 +73,7 @@
       align-items: center;
       cursor: pointer;
       color: var(--color-text-secondary);
-      font-size: 1.125rem;
+      font-size: var(--font-size-lg);
       font-family: var(--font-mono);
       gap: var(--space-2);
     }
@@ -141,7 +136,8 @@
     align-items: start;
     gap: var(--space-3);
 
-    &:nth-child(1) {}
+    &:nth-child(1) {
+    }
 
     &:nth-child(2) {
       border-left: 2px solid var(--color-border);
@@ -221,8 +217,8 @@
   [data-component="copy-status"] {
     [data-slot="copy"] {
       display: block;
-      width: 16px;
-      height: 16px;
+      width: var(--space-4);
+      height: var(--space-4);
       color: var(--color-text-dimmed);
 
       [data-copied] & {
@@ -232,8 +228,8 @@
 
     [data-slot="check"] {
       display: none;
-      width: 16px;
-      height: 16px;
+      width: var(--space-4);
+      height: var(--space-4);
       color: white;
 
       [data-copied] & {

cloud/app/src/style/token/space.css

@@ -2,6 +2,7 @@ body {
   --space-0: 0;
   --space-px: 1px;
   --space-0-5: 0.125rem;
+  --space-0-75: 0.1875rem;
   --space-1: 0.25rem;
   --space-1-5: 0.375rem;
   --space-2: 0.5rem;