I’m refreshing my business-focused WordPress site and want a clean, monochromatic look built entirely around gray tones. I need you to: • Develop a coherent gray palette (light backgrounds, mid-tone UI elements, and one strong accent shade) and map it to CSS variables for easy future edits. • Select complementary font families—one for headings, one for body copy—plus any needed weights and sizes so typography feels crisp and professional. • Apply the scheme in the WordPress Customizer or a child theme, updating buttons, links, backgrounds, and type styles so every page reflects the new palette. Please give me the final CSS/SCSS file, a brief style guide explaining color hex values and font usage, and confirm everything displays correctly on desktop and mobile.