Converted to TS, add import

2026-04-03 18:14:42 +10:00
parent 89135a554a
commit 063a393168
23 changed files with 644 additions and 90 deletions
@@ -1,3 +1,33 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
+
+:root {
+    --bg: #0a0f1c;           /* deep night sky */
+    --surface: #111827;      /* panels */
+    --surface-alt: #0f172a;  /* slight variation */
+    --text: #e6edf3;         /* crisp readable */
+    --muted: #94a3b8;        /* secondary text */
+    --accent: #38bdf8;       /* sky blue */
+    --accent-soft: #0ea5e9;  /* deeper blue */
+    --accent-glow: rgba(56, 189, 248, 0.15);
+    --border: #1f2937;
+}
+
+.glass {
+    background: rgba(17, 24, 39, 0.2);        /* --surface at 60% */
+    backdrop-filter: blur(12px) saturate(180%);
+    -webkit-backdrop-filter: blur(12px) saturate(180%);
+    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(56, 189, 248, 0.05);
+}
+
+.glass-border {
+    border: 1px solid rgba(56, 189, 248, 0.15);  /* --accent at low opacity */
+}
+
+body {
+    background-color: var(--bg);
+    background-image:
+        radial-gradient(ellipse at 20% 50%, rgba(56, 189, 248, 0.06) 0%, transparent 60%),
+        radial-gradient(ellipse at 80% 20%, rgba(14, 165, 233, 0.05) 0%, transparent 50%);
+}