Add CSS custom properties for dialog backdrop, shadows, and panel highlights to centralize visual theming. Refactor the status panel overlay to consume these tokens and use color-mix instead of hardcoded rgba values. This improves visual consistency and lets overlays adapt cleanly to appearance changes and theme variants. - Centralize dialog and panel visuals with new CSS variables - Replace fixed rgba values with tokenized colors and color-mix - Move borders, shadows, and gradients to use the new theme tokens