perf: self-host fonts and fix accent color contrast

Self-host Inter and JetBrains Mono (woff2) to eliminate 750ms
render-blocking Google Fonts request. Swap accent color from
#ea580c (orange, 3.55:1 contrast) to #1355FF (SuperDoc Blue,
4.62:1 contrast) fixing all WCAG AA contrast failures sitewide.

Author: caio-pizzol

apps/web/index.html

@@ -12,10 +12,10 @@
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
     <link rel="manifest" href="/site.webmanifest" />
 
-    <!-- Fonts -->
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
+    <!-- Fonts (self-hosted) -->
+    <link rel="preload" href="/fonts/inter.woff2" as="font" type="font/woff2" crossorigin />
+    <link rel="preload" href="/fonts/jetbrains-mono.woff2" as="font" type="font/woff2" crossorigin />
+    <link rel="stylesheet" href="/fonts/fonts.css" />
 
     <!-- Google Analytics -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-JFTMJ85VCW"></script>

apps/web/public/fonts/fonts.css

@@ -0,0 +1,42 @@
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(/fonts/inter.woff2) format('woff2');
+}
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url(/fonts/inter.woff2) format('woff2');
+}
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url(/fonts/inter.woff2) format('woff2');
+}
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url(/fonts/inter.woff2) format('woff2');
+}
+@font-face {
+  font-family: 'JetBrains Mono';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(/fonts/jetbrains-mono.woff2) format('woff2');
+}
+@font-face {
+  font-family: 'JetBrains Mono';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url(/fonts/jetbrains-mono.woff2) format('woff2');
+}

apps/web/public/fonts/inter.woff2

@@ -1,11 +1,11 @@
 @import "tailwindcss";
 
-/* ooxml.dev theme - Coral Light */
+/* ooxml.dev theme - Blue */
 :root {
-	/* Coral accent */
-	--color-accent: #ea580c;
-	--color-accent-hover: #c2410c;
-	--color-accent-light: #fff7ed;
+	/* SuperDoc Blue accent */
+	--color-accent: #1355FF;
+	--color-accent-hover: #0F44CC;
+	--color-accent-light: #EFF4FF;
 
 	/* Backgrounds */
 	--color-bg-primary: #ffffff;
@@ -63,8 +63,8 @@ body {
 }
 
 .note-info {
-	background-color: #fff7ed;
-	border-color: #fed7aa;
+	background-color: #eff4ff;
+	border-color: #bfdbfe;
 }
 
 .note-tip {