proposal-system/web/src/theme.ts

// Sea Haven design system (ADR 0003) — SHOC dev token port.
// Tokens live in src/styles/theme.css (single source of truth);
// src/lib/theme/mui-theme.ts is the getCssVar → createTheme adapter.
export { muiTheme as theme } from './lib/theme/mui-theme';
feat(web): adopt SHOC design system and shell layout (ADR 0003) (#221) Port shoc-frontend-new dev's design system with its CSS-variable single-token-source mechanism: - src/styles/theme.css: SHOC token file ported verbatim (Montserrat/ DM Sans/JetBrains Mono, primary #1c75bc, navy #262262, full radius/ shadow/sidebar/header token layers); fonts self-hosted via @fontsource - src/lib/theme/{css-vars,mui-theme}.ts: getCssVar -> createTheme adapter mirroring SHOC's mui-theme.ts (palette, typography, shadows tuple, component overrides; MUI v9 slot renames expressed as class selectors); theme.ts is now a re-export - Shell: SHOC composition (sidebar column + sticky gradient topbar + scrolling main); sidebar 244px/76px collapse with brand header row, grouped nav, SHOC active treatment (white card + 3px accent bar); topbar 100-degree gradient, surface hamburger, gradient avatar pill - Brand: SeahavenMark + BrandLockup ported (Tailwind re-expressed as sx; wordmark subtitle localized to PROPOSAL SYSTEM) - Login: SHOC auth-card treatment (centered 384px card on #f9fafb) - Old "Sea Haven Ops" Inter/#2563EB theme and Nunito remnants removed; remaining hardcoded hexes replaced with tokens; lucide-react for shell/nav icons per SHOC convention Verify: tsc clean, 26/26 vitest, vite build OK; Playwright screenshots pixel-sampled against the extracted SHOC spec (all hard values exact, no blocking deviations). 2026-07-13 19:06:51 -04:00			`// Sea Haven design system (ADR 0003) — SHOC dev token port.`
			`// Tokens live in src/styles/theme.css (single source of truth);`
			`// src/lib/theme/mui-theme.ts is the getCssVar → createTheme adapter.`
			`export { muiTheme as theme } from './lib/theme/mui-theme';`