refactor: replace js_sys calls with proper Rust crates, extract CSS design tokens

.github/workflows/cd.yml

@@ -16,6 +16,14 @@ jobs:
   deploy-web:
     name: Deploy to GitHub Pages
     runs-on: ubuntu-latest
+    if: >-
+      github.event_name != 'push' ||
+      startsWith(github.event.head_commit.message, 'feat:') ||
+      startsWith(github.event.head_commit.message, 'feat(') ||
+      startsWith(github.event.head_commit.message, 'fix:') ||
+      startsWith(github.event.head_commit.message, 'fix(') ||
+      startsWith(github.event.head_commit.message, 'perf:') ||
+      startsWith(github.event.head_commit.message, 'perf(')
     environment:
       name: github-pages
       url: ${{ steps.deployment.outputs.page_url }}
@@ -55,6 +63,14 @@ jobs:
   build-android:
     name: Build Android APK (arm64) & AAB (all archs)
     runs-on: ubuntu-latest
+    if: >-
+      github.event_name != 'push' ||
+      startsWith(github.event.head_commit.message, 'feat:') ||
+      startsWith(github.event.head_commit.message, 'feat(') ||
+      startsWith(github.event.head_commit.message, 'fix:') ||
+      startsWith(github.event.head_commit.message, 'fix(') ||
+      startsWith(github.event.head_commit.message, 'perf:') ||
+      startsWith(github.event.head_commit.message, 'perf(')
 
     steps:
       - uses: actions/checkout@v4

Cargo.toml

@@ -20,7 +20,7 @@ reqwest = { version = "0.12", default-features = false, features = ["json"] }
 web-sys = { version = "0.3", features = [
     "Window", "Storage", "Navigator",
     "ServiceWorkerContainer", "ServiceWorkerRegistration",
-    "Document", "EventTarget", "VisibilityState",
+    "Document", "Element", "EventTarget", "VisibilityState",
     "Notification", "NotificationPermission", "NotificationOptions",
 ] }
 wasm-bindgen = "0.2"