Remove debug overhead and optimize asset loading

[Copilot]

Identified and eliminated performance bottlenecks: debug logging on every page load, inefficient DOM operations, blocking font loads, and missing build tooling.

JavaScript (52% reduction)

• Removed 16 console.log statements
• Consolidated theme toggle logic using classList.toggle(isDark)
• Cached DOM references (83 → 40 lines)

Before:

if (isDark) {
  document.documentElement.classList.add('dark-theme');
  console.log('DEBUG: Dark theme applied');
} else {
  document.documentElement.classList.remove('dark-theme');
  console.log('DEBUG: Light theme applied');
}

After:

htmlElement.classList.toggle('dark-theme', isDark);

CSS/SCSS

• Merged duplicate @media (prefers-color-scheme: dark) blocks
• Added .dark-theme class selectors for JS-driven toggle
• Production minification: 407 lines → 1 line (5.2KB)

HTML

• Preconnect hints for fonts.googleapis.com + fonts.gstatic.com
• Font-display: swap to prevent FOIT

Tooling

• .gitignore for node_modules
• npm run sass:build for minified CSS
• README with performance metrics

Original prompt

Identify and suggest improvements to slow or inefficient code

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.