Every UI primitive engineered for Metavayn Technologies. All styles derive strictly from /src/styles/theme.ts, conforming to Hard Rules 1 (no hardcoded domain copy), 2 (no magic values), 3 (prefers-reduced-motion fallback), and 5 (WCAG AA accessibility).
Core tokens defined in BRIEF.md: bg #030B1A/#061226, surface #0A1B38, primary #1E6BFF, accent #38BDF8, highlight #7DD3FC, text #EAF2FF / secondary #9FB3D1, light-section bg #F4F8FF.
Hover over any button to trigger the magnetic spring displacement pull. Features smooth cubic-bezier easing on exit and automatically disables motion if the user prefers reduced motion.
Eased upward line reveal with overflow hidden mask. Motion timing: cubic-bezier(0.22, 1, 0.36, 1), 0.9s duration.
Surface token #0A1B38 with backdrop-blur and 1px border at 8–12% opacity. Supports corner blueprint registration ticks.
Displays 4 precision corner ticks with a 1px white border and backdrop glass diffusion.
Slow, weighty hover transformation with soft blue highlight bloom and gentle elevation shift.
For alternating high-contrast documentation sections with #F4F8FF canvas and #0B2A5B text.
Rendered in JetBrains Mono with 1px hairline borders, optional pulsating status pips, and semantic variants.
Precision engineering iconography featuring custom CAD axis and GD&T datum symbols alongside Lucide precision vectors.
Per BRIEF.md: "light-section bg #F4F8FF with text #0B2A5B". Ensures high readability for detailed engineering data matrices, tolerance tables, and case study documentation while maintaining the Precision Blue visual identity.