V2 fixes: full-size wordmark logo in nav/footer, legible legal pages

- Nav and footer now use the logo SVG alone (it already contains the
  HOA LedgerIQ wordmark) at correct aspect ratio, dropping the
  redundant text spans and the 36x36 square sizing that shrank it
- Privacy and Terms pages: replaced V1 dark-theme inline colors
  (white headings, light gray body) with dark ink colors for the
  V2 white background

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
2026-06-10 08:52:46 -04:00
parent 86a80deaf8
commit 7cdf96fbe9
4 changed files with 18 additions and 26 deletions

View File

@@ -10,16 +10,16 @@
<link rel="stylesheet" href="styles.css" />
<style>
.legal-page { max-width: 800px; margin: 0 auto; padding: 60px 24px 100px; }
.legal-page h1 { font-size: 38px; font-weight: 900; color: #fff; margin-bottom: 8px; letter-spacing: -0.025em; }
.legal-meta { font-size: 13px; color: var(--gray-600); margin-bottom: 48px; }
.legal-page h2 { font-size: 20px; font-weight: 700; color: #fff; margin: 36px 0 10px; }
.legal-page p, .legal-page li { font-size: 15px; color: var(--gray-400); line-height: 1.75; margin-bottom: 12px; }
.legal-page h1 { font-size: 38px; font-weight: 900; color: #1d1d1f; margin-bottom: 8px; letter-spacing: -0.025em; }
.legal-meta { font-size: 13px; color: #6e6e73; margin-bottom: 48px; }
.legal-page h2 { font-size: 20px; font-weight: 700; color: #1d1d1f; margin: 36px 0 10px; }
.legal-page p, .legal-page li { font-size: 15px; color: #424245; line-height: 1.75; margin-bottom: 12px; }
.legal-page ul { padding-left: 20px; margin-bottom: 12px; }
.legal-page a { color: var(--blue); text-decoration: none; }
.legal-page a:hover { text-decoration: underline; }
.legal-divider { border: none; border-top: 1px solid rgba(255,255,255,0.07); margin: 40px 0; }
.back-link { display: inline-flex; align-items: center; gap: 8px; color: var(--gray-400); font-size: 14px; font-weight: 500; text-decoration: none; margin-bottom: 40px; transition: color 0.15s; }
.back-link:hover { color: #fff; }
.legal-divider { border: none; border-top: 1px solid #e5e5ea; margin: 40px 0; }
.back-link { display: inline-flex; align-items: center; gap: 8px; color: #6e6e73; font-size: 14px; font-weight: 500; text-decoration: none; margin-bottom: 40px; transition: color 0.15s; }
.back-link:hover { color: #1d1d1f; }
</style>
</head>
<!-- Google tag (gtag.js) -->