DTEC Epic 1: Design System Foundation

[phoebus-84]

Design System Foundation

Established the new DTEC 03/2026 visual language as the foundation for all other redesign epics.

What was done

• Design tokens: Created styles/theme.css with --ifr-* CSS custom properties covering colors, spacing, typography, borders, shadows, radii, and animation timings
• Tailwind config: Updated tailwind.config.js to reference new design tokens, added custom colors (ifr-green, ifr-yellow, ifr-type-product, ifr-type-service, etc.), custom font families
• Fonts: Added IBM Plex Sans (body) and Space Grotesk (headings) via styles/fonts.css
• Entity type icons: Implemented EntityTypeIcon component with SVG icons for Design, Product, Service, DPP, Machine
• Shared UI primitives: Created reusable components: TagBadge, StatCard, ToggleSwitch, ToolbarDropdown, DetailSection, FilterSection, CheckboxFilter

Commit

559d176b