Spaces:
Running
Running
| @import "tailwindcss"; | |
| @theme { | |
| --font-sans: var(--font-inter), sans-serif; | |
| --font-mono: var(--font-jetbrains-mono), monospace; | |
| /* Core surfaces */ | |
| --color-aegis-bg-deep: #050814; | |
| --color-aegis-bg: #020617; | |
| --color-aegis-panel: #0B1020; | |
| --color-aegis-panel-2: #111827; | |
| --color-aegis-panel-3: #0E1223; | |
| --color-aegis-input: #0F172A; | |
| --color-aegis-terminal: #000810; | |
| --color-aegis-muted: #1A1E2F; | |
| /* Borders */ | |
| --color-aegis-border: #1E293B; | |
| --color-aegis-border-hi: #334155; | |
| --color-aegis-border-grid: #243044; | |
| --color-aegis-border-purple: rgba(139, 92, 246, 0.35); | |
| --color-aegis-border-blue: rgba(59, 130, 246, 0.40); | |
| --color-aegis-border-green: rgba(34, 197, 94, 0.30); | |
| --color-aegis-border-amber: rgba(245, 158, 11, 0.30); | |
| --color-aegis-border-red: rgba(239, 68, 68, 0.30); | |
| /* Foreground / text */ | |
| --color-aegis-fg: #F8FAFC; | |
| --color-aegis-fg-2: #E5E7EB; | |
| --color-aegis-fg-muted: #94A3B8; | |
| --color-aegis-fg-dim: #64748B; | |
| --color-aegis-fg-faint: #475569; | |
| /* Semantic accents */ | |
| --color-aegis-purple: #8B5CF6; | |
| --color-aegis-purple-soft: #C4B5FD; | |
| --color-aegis-blue: #3B82F6; | |
| --color-aegis-blue-soft: #93C5FD; | |
| --color-aegis-green: #22C55E; | |
| --color-aegis-green-soft: #86EFAC; | |
| --color-aegis-amber: #F59E0B; | |
| --color-aegis-amber-soft: #FCD34D; | |
| --color-aegis-red: #EF4444; | |
| --color-aegis-red-soft: #FCA5A5; | |
| --color-aegis-purple-deep: #7C3AED; | |
| /* Tinted fills */ | |
| --color-aegis-tint-purple: rgba(139, 92, 246, 0.12); | |
| --color-aegis-tint-blue: rgba(59, 130, 246, 0.10); | |
| --color-aegis-tint-green: rgba(34, 197, 94, 0.10); | |
| --color-aegis-tint-amber: rgba(245, 158, 11, 0.10); | |
| --color-aegis-tint-red: rgba(239, 68, 68, 0.10); | |
| /* Animations */ | |
| --animate-aegis-blink: aegis-blink 2s infinite; | |
| --animate-aegis-blink-fast: aegis-blink 1s infinite; | |
| } | |
| @layer base { | |
| body { | |
| background: var(--color-aegis-bg-deep); | |
| color: var(--color-aegis-fg); | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| } | |
| } | |
| @keyframes aegis-blink { | |
| 0%, 100% { opacity: 1; } | |
| 50% { opacity: 0.25; } | |
| } | |
| /* Custom scrollbar matching your design */ | |
| *::-webkit-scrollbar { width: 4px; } | |
| *::-webkit-scrollbar-track { background: transparent; } | |
| *::-webkit-scrollbar-thumb { background: var(--color-aegis-border); border-radius: 10px; } |