fix: FAQ undefined CSS var + em-dash sweep in user-facing copy

Two cleanup passes from the full-page audit:

1. faq/page.tsx referenced var(--ink-fade), which isn't defined in
   the design tokens — text fell back to default color. Switched to
   var(--c-muted) which is the intended muted-text token.

2. Removed em dashes (—) from all user-facing strings: meta titles,
   meta descriptions, OG/Twitter cards, and visible body text on
   layout / pricing / about / faq / legal. Replaced with colons,
   commas, parens, or middle-dot separators as fit each context.
   Em dashes leak into browser tabs and search snippets, and they
   read as AI-generated tells. JSX comments left untouched.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

Author: dotsystemsdevs

src/app/about/AboutContent.tsx

@@ -11,7 +11,7 @@ const SECTIONS = [
   {
     id: 'method-of-examination',
     heading: 'Method of Examination',
-    body: "We query the GitHub public API — commit history, star count, open issues, archive status — and run a severity assessment. The cause of death is algorithmic, not editorial. The results are accurate. The framing is not.",
+    body: "We query the GitHub public API for commit history, star count, open issues, and archive status, then run a severity assessment. The cause of death is algorithmic, not editorial. The results are accurate. The framing is not.",
   },
   {
     id: 'records-we-keep',

src/app/about/page.tsx

@@ -2,11 +2,11 @@ import type { Metadata } from 'next'
 import AboutContent from './AboutContent'
 
 export const metadata: Metadata = {
-  title: 'About — Commitment Issues | How It Works',
+  title: 'About · Commitment Issues · How It Works',
   description: 'How Commitment Issues works: we analyze your GitHub repo\'s commit history, activity decay, and open issues to assign a cause of death and generate a printable death certificate.',
   alternates: { canonical: 'https://commitmentissues.dev/about' },
   openGraph: {
-    title: 'About — Commitment Issues | How It Works',
+    title: 'About · Commitment Issues · How It Works',
     description: 'How Commitment Issues works: we analyze your GitHub repo\'s commit history, activity decay, and open issues to assign a cause of death and generate a printable death certificate.',
     url: 'https://commitmentissues.dev/about',
   },

src/app/faq/page.tsx

@@ -2,11 +2,11 @@ import type { Metadata } from 'next'
 import Link from 'next/link'
 
 export const metadata: Metadata = {
-  title: 'FAQ — Commitment Issues',
+  title: 'FAQ · Commitment Issues',
   description: 'Frequently asked questions about Commitment Issues, the death certificate generator for abandoned GitHub repositories. Free, no sign-up.',
   alternates: { canonical: 'https://commitmentissues.dev/faq' },
   openGraph: {
-    title: 'FAQ — Commitment Issues',
+    title: 'FAQ · Commitment Issues',
     description: 'Everything about the death certificate generator for dead GitHub repos.',
     url: 'https://commitmentissues.dev/faq',
     type: 'website',
@@ -32,15 +32,15 @@ const FAQ: { q: string; a: string }[] = [
   },
   {
     q: 'Is there a side project graveyard online?',
-    a: 'Yes — Commitment Issues has a Famous Casualties section listing well-known abandoned open-source projects. You can also paste any GitHub username to see that user\'s personal graveyard of unfinished projects.',
+    a: 'Yes. Commitment Issues has a Famous Casualties section listing well-known abandoned open-source projects. You can also paste any GitHub username to see that user\'s personal graveyard of unfinished projects.',
   },
   {
     q: 'How do I detect dependency rot in my project?',
     a: 'Commitment Issues focuses on individual repo abandonment, not full dependency trees. Pair it with tools like npm audit or Snyk for tree-level rot, and use Commitment Issues to verify whether the maintainers behind specific dependencies are still active.',
   },
   {
     q: 'Is Commitment Issues free?',
-    a: 'Yes — completely free. No ads, no in-app purchases, no sign-up, no account required. Works in any browser. The Chrome extension is also free.',
+    a: 'Yes, completely free. No ads, no in-app purchases, no sign-up, no account required. Works in any browser. The Chrome extension is also free.',
   },
   {
     q: 'Does Commitment Issues use AI?',
@@ -56,7 +56,7 @@ const FAQ: { q: string; a: string }[] = [
   },
   {
     q: 'How does Commitment Issues compare to GitHub\'s built-in tools?',
-    a: 'GitHub shows raw activity data but does not synthesize abandonment. Commitment Issues takes those signals and renders an opinionated verdict — alive, life support, or deceased — with a comedic but accurate certificate.',
+    a: 'GitHub shows raw activity data but does not synthesize abandonment. Commitment Issues takes those signals and renders an opinionated verdict (alive, life support, or deceased) with a comedic but accurate certificate.',
   },
   {
     q: 'Who made Commitment Issues?',
@@ -87,11 +87,11 @@ export default function FAQPage() {
     <main className="page-shell-main">
       <FAQJsonLd />
       <div className="page-shell-inner">
-        <Link href="/" style={{ display: 'inline-block', marginBottom: 24, color: 'var(--ink-fade)', fontSize: 14, textDecoration: 'none' }}>← Back to Commitment Issues</Link>
+        <Link href="/" style={{ display: 'inline-block', marginBottom: 24, color: 'var(--c-muted)', fontSize: 14, textDecoration: 'none' }}>← Back to Commitment Issues</Link>
         <h1 style={{ fontSize: 36, fontWeight: 800, letterSpacing: '-0.025em', margin: '0 0 8px' }}>
           Frequently Asked Questions
         </h1>
-        <p style={{ color: 'var(--ink-fade)', fontSize: 15, marginBottom: 40 }}>
+        <p style={{ color: 'var(--c-muted)', fontSize: 15, marginBottom: 40 }}>
           Everything about the death certificate generator for dead GitHub repos.
         </p>
         <div style={{ display: 'flex', flexDirection: 'column', gap: 24 }}>

src/app/layout.tsx

@@ -37,8 +37,8 @@ export const viewport: Viewport = {
 
 export const metadata: Metadata = {
   metadataBase: new URL('https://commitmentissues.dev'),
-  title: 'Commitment Issues — Death Certificates for Dead GitHub Repos',
-  description: 'Paste any public GitHub repo and get an official death certificate — cause of death, last commit as last words, and repo stats. Free for developers.',
+  title: 'Commitment Issues: Death Certificates for Dead GitHub Repos',
+  description: 'Paste any public GitHub repo and get an official death certificate: cause of death, last commit as last words, and repo stats. Free for developers.',
   keywords: [
     'abandoned github repo', 'dead github project', 'github repo death certificate',
     'unmaintained open source', 'stale repository checker', 'github graveyard',
@@ -49,7 +49,7 @@ export const metadata: Metadata = {
   authors: [{ name: 'Dot Systems', url: 'https://github.com/dotsystemsdevs' }],
   alternates: { canonical: 'https://commitmentissues.dev' },
   openGraph: {
-    title: 'Commitment Issues — Death Certificates for Dead GitHub Repos',
+    title: 'Commitment Issues: Death Certificates for Dead GitHub Repos',
     description: 'Paste any public GitHub repo and get an official death certificate. Cause of death, last words, repo stats. Free for developers.',
     url: 'https://commitmentissues.dev',
     siteName: 'Commitment Issues',
@@ -58,7 +58,7 @@ export const metadata: Metadata = {
   },
   twitter: {
     card: 'summary_large_image',
-    title: 'Commitment Issues — Death Certificates for Dead GitHub Repos',
+    title: 'Commitment Issues: Death Certificates for Dead GitHub Repos',
     description: 'Paste any public GitHub repo and get an official death certificate. Cause of death, last words, repo stats.',
     images: ['/opengraph-image'],
   },

src/app/legal/legalContent.tsx

@@ -20,7 +20,7 @@ const SECTIONS: Section[] = [
   {
     id: 'data-sources',
     heading: 'Data Sources',
-    body: "The tool analyzes public data from GitHub's public API — repository metadata, commit activity, archive status, open issues. We do not access private code, credentials, or anything not already publicly available on GitHub.",
+    body: "The tool analyzes public data from GitHub's public API: repository metadata, commit activity, archive status, open issues. We do not access private code, credentials, or anything not already publicly available on GitHub.",
   },
   {
     id: 'privacy',
@@ -30,7 +30,7 @@ const SECTIONS: Section[] = [
   {
     id: 'analytics',
     heading: 'Analytics',
-    body: 'Privacy-friendly analytics only — aggregate counts, not personal profiles. You can avoid submitting private or sensitive URLs; this tool is intended for public GitHub data only.',
+    body: 'Privacy-friendly analytics only: aggregate counts, not personal profiles. You can avoid submitting private or sensitive URLs; this tool is intended for public GitHub data only.',
   },
   {
     id: 'contact',

src/app/legal/page.tsx

@@ -2,11 +2,11 @@ import type { Metadata } from 'next'
 import LegalContent from './legalContent'
 
 export const metadata: Metadata = {
-  title: 'Legal — Commitment Issues',
+  title: 'Legal · Commitment Issues',
   description: 'Terms of use and privacy policy for Commitment Issues.',
   alternates: { canonical: 'https://commitmentissues.dev/legal' },
   openGraph: {
-    title: 'Legal — Commitment Issues',
+    title: 'Legal · Commitment Issues',
     description: 'Terms of use and privacy policy for Commitment Issues.',
     url: 'https://commitmentissues.dev/legal',
   },

src/app/pricing/PricingContent.tsx

@@ -68,7 +68,7 @@ const SECTIONS = [
   {
     id: 'how-we-survive',
     heading: 'How We Stay Alive',
-    body: 'Commitment Issues is built and maintained by Dot Systems — an indie studio that funds this work from other projects. Fork it, share it, or open a pull request with new famous casualties. If you really want to chip in:',
+    body: 'Commitment Issues is built and maintained by Dot Systems, an indie studio that funds this work from other projects. Fork it, share it, or open a pull request with new famous casualties. If you really want to chip in:',
     coffin: true,
   },
 ]

src/app/pricing/page.tsx

@@ -2,11 +2,11 @@ import type { Metadata } from 'next'
 import PricingContent from './PricingContent'
 
 export const metadata: Metadata = {
-  title: 'Pricing — Commitment Issues | Death Is Free',
+  title: 'Pricing · Commitment Issues · Death Is Free',
   description: 'No price. No paywall. No premium tier. Commitment Issues is free and open source forever. Death does not charge admission.',
   alternates: { canonical: 'https://commitmentissues.dev/pricing' },
   openGraph: {
-    title: 'Pricing — Commitment Issues | Death Is Free',
+    title: 'Pricing · Commitment Issues · Death Is Free',
     description: 'No price. No paywall. No premium tier. Commitment Issues is free and open source forever.',
     url: 'https://commitmentissues.dev/pricing',
   },