init

frontend/src/styles/global.css

@@ -0,0 +1,57 @@
+@import "tailwindcss";
+
+@theme {
+  --color-crust: #11111b;
+  --color-mantle: #181825;
+  --color-base: #1e1e2e;
+  --color-surface0: #313244;
+  --color-surface1: #45475a;
+  --color-surface2: #585b70;
+  --color-overlay0: #6c7086;
+  --color-overlay1: #7f849c;
+  --color-overlay2: #9399b2;
+  --color-text: #cdd6f4;
+  --color-subtext0: #a6adc8;
+  --color-subtext1: #bac2de;
+  --color-blue: #8caaee;
+  --color-lavender: #b4befe;
+  --color-sapphire: #85c1dc;
+  --color-sky: #99d1db;
+  --color-teal: #81c8be;
+  --color-green: #a6d189;
+  --color-yellow: #e5c890;
+  --color-peach: #ef9f76;
+  --color-maroon: #ea999c;
+  --color-red: #e78284;
+  --color-mauve: #ca9ee6;
+  --color-pink: #f4b8e4;
+  --color-flamingo: #eebebe;
+  --color-rosewater: #f2d5cf;
+}
+
+body {
+  background-color: var(--color-base);
+  color: var(--color-text);
+  min-height: 100vh;
+}
+
+/* Typography styles for Markdown */
+.prose h1 { @apply text-4xl font-bold mb-6 text-mauve; }
+.prose h2 { @apply text-3xl font-semibold mb-4 mt-8 text-lavender; }
+.prose h3 { @apply text-2xl font-medium mb-3 mt-6 text-blue; }
+.prose p { @apply mb-4 leading-relaxed; }
+.prose a { @apply text-blue hover:text-sky underline underline-offset-4 decoration-2 decoration-blue/30 hover:decoration-sky transition-colors; }
+.prose ul { @apply list-disc list-inside mb-4; }
+.prose ol { @apply list-decimal list-inside mb-4; }
+.prose blockquote { @apply border-l-4 border-surface2 pl-4 italic text-subtext0 my-6; }
+.prose pre { @apply bg-crust p-4 rounded-xl overflow-x-auto border border-white/5 my-6; }
+.prose code { @apply bg-surface0 px-1.5 py-0.5 rounded text-sm font-mono text-peach; }
+.prose img { @apply max-w-full h-auto rounded-xl shadow-lg border border-white/5 my-8; }
+
+.glass {
+  background-color: color-mix(in srgb, var(--color-surface0) 60%, transparent);
+  backdrop-filter: blur(12px);
+  border: 1px solid rgba(255, 255, 255, 0.05);
+  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
+  border-radius: 1rem;
+}