Usage
- This is the contract for every DealDash surface — pages, extensions, marketing; deviations are bugs unless recorded in the standard.
- Re-theme by swapping token values only (the --shadow-btn-* trio restyles every button at once); components never hardcode a hex, a duration, or a bezier.
- The stylesheet is framework-agnostic: tokens on :root/.dark, roles and recipes as plain classes; Tailwind apps map utilities onto the same variables.
Do / Don't
- **Do** express hierarchy with the surface ramp + hairlines; reach for --shadow-overlay only when something truly floats.
- **Do** keep density Linear-compact: when in doubt, remove a wrapper, not padding.
- **Don't** introduce a second green, a data-theme variant, or per-page palettes — one theme, light and dark.
- **Don't** let any animation ship without its prefers-reduced-motion fallback — the two are one deliverable.