initial scaffold

src/theme/colors.ts

@@ -0,0 +1,34 @@
+/**
+ * Astra color tokens — ported from desktop `src/renderer/styles/globals.css`.
+ * Dark-only on mobile (the desktop app is dark-only too).
+ */
+export const colors = {
+  // Base backgrounds
+  bgPrimary: '#000000',
+  bgSecondary: '#050505',
+  bgTertiary: '#0a0a0a',
+
+  // Glass / surface overlays (white alphas)
+  glassBg: 'rgba(255, 255, 255, 0.03)',
+  glassBorder: 'rgba(255, 255, 255, 0.08)',
+  glassHighlight: 'rgba(255, 255, 255, 0.05)',
+
+  // Text (white alphas)
+  textPrimary: 'rgba(255, 255, 255, 0.95)',
+  textSecondary: 'rgba(255, 255, 255, 0.6)',
+  textTertiary: 'rgba(255, 255, 255, 0.4)',
+
+  // Cyan accent
+  accent: '#38bdf8',
+  accentHover: '#7dd3fc',
+  accentGlow: 'rgba(56, 189, 248, 0.3)',
+  accentText: '#bae6fd',
+  accentTextStrong: '#e0f2fe',
+
+  // Astra mark fills (hsl(198 …) from the desktop logo)
+  logoMain: '#00b3ff', // hsl(198 100% 50%)
+  logoShadow: '#152932', // hsl(198 40% 14%)
+  logoBackdrop: '#05070a',
+} as const;
+
+export type ColorToken = keyof typeof colors;