From cd3c8ad0768575e03ae39f2652c97a2d26402ee6 Mon Sep 17 00:00:00 2001
From: Vinta Chen <vinta.chen@gmail.com>
Date: Sun, 22 Mar 2026 16:03:47 +0800
Subject: [PATCH] refactor(css): consolidate --text-label and --text-tag into
 --text-xs

Both variables mapped to near-identical small-text sizes already covered
by --text-xs. Remove the redundant variables and migrate all call sites,
including two remaining hardcoded rem values, to the shared token.

Co-Authored-By: Claude <noreply@anthropic.com>
---
 website/static/style.css | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/website/static/style.css b/website/static/style.css
index 98fa665b..fbccd2d2 100644
--- a/website/static/style.css
+++ b/website/static/style.css
@@ -35,8 +35,6 @@
   --text-sm: 0.95rem;
   --text-base: 1rem;
   --text-lg: 1.125rem;
-  --text-label: 0.78rem;
-  --text-tag: 0.76rem;
 }
 
 html {
@@ -183,7 +181,7 @@ kbd {
 }
 
 .hero-brand-mini {
-  font-size: var(--text-label);
+  font-size: var(--text-xs);
   font-weight: 800;
   letter-spacing: 0.04em;
   color: var(--hero-muted);
@@ -250,7 +248,7 @@ kbd {
 .hero-kicker,
 .section-label {
   margin-bottom: 0.9rem;
-  font-size: var(--text-label);
+  font-size: var(--text-xs);
   font-weight: 800;
   letter-spacing: 0.04em;
 }
@@ -678,7 +676,7 @@ th[data-sort].sort-asc::after {
   border-radius: 999px;
   background: var(--bg-paper-strong);
   color: var(--ink-soft);
-  font-size: 0.72rem;
+  font-size: var(--text-xs);
   font-weight: 700;
   letter-spacing: 0.02em;
 }
@@ -774,7 +772,7 @@ th[data-sort].sort-asc::after {
   background: var(--accent-soft);
   color: var(--accent-deep);
   padding: 0.34rem 0.68rem;
-  font-size: var(--text-tag);
+  font-size: var(--text-xs);
   font-weight: 700;
   letter-spacing: 0.02em;
   cursor: pointer;
@@ -810,7 +808,7 @@ th[data-sort].sort-asc::after {
   border: 0;
   background: none;
   color: var(--accent-deep);
-  font-size: 0.72rem;
+  font-size: var(--text-xs);
   font-weight: 800;
   letter-spacing: 0.03em;
   cursor: pointer;
@@ -924,7 +922,7 @@ th[data-sort].sort-asc::after {
 }
 
 .footer-date {
-  font-size: 0.7rem;
+  font-size: var(--text-xs);
   color: oklch(50% 0.02 55);
 }
 
@@ -1111,7 +1109,7 @@ th[data-sort].sort-asc::after {
   .mobile-cat {
     display: block;
     margin-top: 0.25rem;
-    font-size: var(--text-tag);
+    font-size: var(--text-xs);
     font-weight: 600;
     color: var(--ink-muted);
   }