/* ============================================================ DIGITAL GROWTH × Studio Modular look — v2 (replaces v1) Paste in: Appearance → Customize → Additional CSS Reversible. Preview live before you Publish. ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap'); :root{ --dg-cream: #fff7f0; /* warm off-white background */ --dg-ink: #0b1311; /* near-black text */ --dg-forest: #1e4137; /* deep green accent */ --dg-sky: #bad6ff; /* soft powder-blue accent */ --dg-line: #e7ded4; /* warm hairline */ --dg-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; --dg-font-head: 'Space Grotesk', 'Inter', sans-serif; --dg-ease: cubic-bezier(.22,.61,.36,1); --dg-radius: 16px; } /* 1) Warm cream canvas + inky text — the SM signature */ body, .site, #page{ background-color: var(--dg-cream); color: var(--dg-ink); } body, p, li, .elementor-widget-text-editor{ font-family: var(--dg-font-body); -webkit-font-smoothing: antialiased; letter-spacing: -0.01em; } ::selection{ background: var(--dg-sky); color: var(--dg-ink); } /* 2) Big, confident editorial headings */ h1,h2,h3,h4,h5,h6,.elementor-heading-title{ font-family: var(--dg-font-head); color: var(--dg-ink); letter-spacing: -0.025em; line