Spaces:
Running
Running
BRIDGE Platform Agent
feat(platform): BRIDGE Modules hub with /modules/e and /modules/s routed workspaces
1955a0f | @import "tailwindcss"; | |
| @theme { | |
| --font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif; | |
| --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace; | |
| /* Mint Dark Palette | |
| Background: #05070a | |
| Surface: #0c0d10 | |
| Accent (Mint): #00e5bc | |
| Text: #f8fafc | |
| Muted: #94a3b8 | |
| */ | |
| /* Base Colors mapped for the Mint Dark theme */ | |
| --color-zinc-50: #ffffff; | |
| --color-zinc-100: #f8fafc; | |
| --color-zinc-200: #e2e8f0; | |
| --color-zinc-300: #cbd5e1; | |
| --color-zinc-400: #94a3b8; | |
| --color-zinc-500: #64748b; | |
| --color-zinc-600: #475569; | |
| --color-zinc-700: #334155; | |
| --color-zinc-800: #1a1b1e; | |
| --color-zinc-900: #0c0d10; | |
| --color-zinc-950: #05070a; | |
| /* Whites and Blacks */ | |
| --color-white: #ffffff; | |
| --color-black: #000000; | |
| /* Indigo -> Mint Accents */ | |
| --color-indigo-300: #6ee7b7; | |
| --color-indigo-400: #34d399; | |
| --color-indigo-500: #00e5bc; | |
| --color-indigo-600: #059669; | |
| --color-indigo-900: rgba(0, 229, 188, 0.1); | |
| --color-indigo-950: #05070a; | |
| /* Emerald -> Mint (Unified) */ | |
| --color-emerald-400: #00e5bc; | |
| --color-emerald-500: #00e5bc; | |
| --color-emerald-900: rgba(0, 229, 188, 0.2); | |
| --color-rose-400: #fb7185; | |
| --color-rose-500: #f43f5e; | |
| --color-rose-900: rgba(244, 63, 94, 0.2); | |
| } | |
| body { | |
| font-family: var(--font-sans); | |
| background: var(--color-zinc-950); | |
| color: var(--color-zinc-100); | |
| min-height: 100vh; | |
| } | |
| /* ------------------------------------------------------------------ | |
| Module S ("Prod Indigo") — scoped palette restoration. | |
| Tailwind v4 utilities compile to var(--color-*) references, so | |
| overriding the custom properties on the module container restores | |
| the ORIGINAL Module S look (true indigo, real zinc) without | |
| touching Module E's mint remap. Design preserved 1:1. | |
| ------------------------------------------------------------------ */ | |
| [data-module="s"] { | |
| --color-indigo-300: #a5b4fc; | |
| --color-indigo-400: #818cf8; | |
| --color-indigo-500: #6366f1; | |
| --color-indigo-600: #4f46e5; | |
| --color-indigo-900: rgba(79, 70, 229, 0.5); | |
| --color-indigo-950: #1e1b4b; | |
| --color-emerald-400: #34d399; | |
| --color-emerald-500: #10b981; | |
| --color-emerald-900: rgba(16, 185, 129, 0.2); | |
| --color-zinc-800: #27272a; | |
| --color-zinc-900: #18181b; | |
| --color-zinc-950: #09090b; | |
| } | |
| /* Module S ambient background — original slate→black gradient. */ | |
| .bg-module-s { | |
| background: linear-gradient(180deg, #0f172a 0%, #000000 100%); | |
| background-attachment: fixed; | |
| } | |
| /* GPU-compositing hygiene for the launch animation system. */ | |
| .module-launch-piece { | |
| will-change: transform, opacity; | |
| } | |
| .module-launch-piece.module-launch-settled { | |
| will-change: auto; | |
| } | |
| /* Respect users who prefer reduced motion — global safeguard. */ | |
| @media (prefers-reduced-motion: reduce) { | |
| .module-launch-piece { | |
| animation: none ; | |
| transition: none ; | |
| } | |
| } | |