Obsidian CSS Refactor + Timer Feedback Tuning

Shipped

• Refactored devlog markdown styling in globals.css to use explicit color values (less variable drift)
• Tuned timer animations in Play/Timer UI (obsidian-pulse → pulse-cyan) for clearer visual feedback
• Standardized border + text color styling across marketing + training using Tailwind utility classes
• Updated Profile + Settings pages to use the same utility-based border/text patterns
• Refactored Timer/Play surfaces to replace legacy obsidian-* classes with Tailwind utilities:
  • Action bars, body layout, banners, and HUD-related styling
• Disabled/removed obsolete rules from obsidian.css as utilities replaced old class-based styling
• Rollback included to fix issues discovered during the refactor pass

Why

• A design system only scales if styling is consistent and easy to apply everywhere
• Tailwind utilities + a small set of tokens beat ad-hoc color references and one-off CSS classes
• Timer feedback is a “high-attention moment” — animation clarity matters during execution

Notes

• This is a cohesion + maintainability release: fewer legacy classes, more shared patterns.

Next

• Continue removing remaining obsidian-* class dependencies where utilities now exist
• Consolidate token naming to reduce overlap between CSS variables and Tailwind utilities
• Add lightweight visual regression checks for the highest-traffic surfaces (Play, Builder, Modals)
• Fix light theme