Add critical CSS styles for layout and typography, enhance button styles with rounded corners, and introduce a progress card component with Safrangold accent border.

2025-10-30 11:01:14 +01:00
parent 1f6adfb324
commit aea87ccc5f
5 changed files with 171 additions and 16 deletions
--- a/app/app.vue
+++ b/app/app.vue
@@ -3,3 +3,18 @@
    <NuxtPage />
  </div>
 </template>
+
+<style>
+/* Critical CSS - Loaded immediately to prevent FOUC */
+html {
+  background-color: #1e1440; /* purple-darkest */
+  color: #f8fafc; /* white/slate-50 */
+  font-family: 'Roboto', system-ui, -apple-system, sans-serif;
+}
+
+body {
+  margin: 0;
+  padding: 0;
+  min-height: 100vh;
+}
+</style>