Apply Domine and Figtree typography

src/RolemasterDb.App/wwwroot/app.css

@@ -8,6 +8,8 @@
     --panel: rgba(255, 250, 240, 0.82);
     --line: rgba(111, 87, 59, 0.18);
     --shadow: 0 18px 40px rgba(41, 22, 11, 0.12);
+    --font-body: "Domine", Georgia, serif;
+    --font-heading: "Figtree", "Segoe UI", sans-serif;
 }
 
 html, body {
@@ -16,13 +18,48 @@ html, body {
         radial-gradient(circle at top, rgba(240, 223, 185, 0.55), transparent 28%),
         linear-gradient(180deg, #eadbc0 0%, #f4ecda 38%, #e2d3b7 100%);
     color: var(--ink);
-    font-family: Georgia, "Palatino Linotype", serif;
+    font-family: var(--font-body);
+    font-weight: 400;
 }
 
 body {
     margin: 0;
 }
 
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+label,
+button,
+summary,
+th,
+.eyebrow,
+.panel-title,
+.page-title,
+.detail-label,
+.branch-condition,
+.critical-branch-condition,
+.effect-stack h5,
+.tag,
+.stat-pill,
+.status-pill,
+.chip,
+.affix-badge,
+.table-list-title,
+.top-row-title,
+.legend-label {
+    font-family: var(--font-heading);
+    font-weight: 400;
+}
+
+strong,
+b {
+    font-weight: 400;
+}
+
 a, .btn-link {
     color: var(--accent);
 }
@@ -42,7 +79,7 @@ textarea {
     font-size: clamp(2.2rem, 4vw, 3.5rem);
     line-height: 0.95;
     margin: 0;
-    font-family: Cambria, Georgia, serif;
+    font-family: var(--font-heading);
 }
 
 .lede {
@@ -243,7 +280,6 @@ textarea {
 
 .branch-condition {
     font-size: 0.82rem;
-    font-weight: 700;
     letter-spacing: 0.06em;
     text-transform: uppercase;
     color: #75562f;
@@ -263,7 +299,6 @@ textarea {
 
 .critical-cell-description {
     margin: 0;
-    font-weight: 600;
     color: #2c1a10;
 }
 
@@ -286,7 +321,6 @@ textarea {
     font-size: 0.75rem;
     letter-spacing: 0.05em;
     text-transform: uppercase;
-    font-weight: 700;
     color: #6b4c29;
 }
 
@@ -365,7 +399,7 @@ textarea {
 }
 
 .affix-badge-value {
-    font-weight: 700;
+    letter-spacing: 0.04em;
 }
 
 .affix-badge-fallback {
@@ -388,9 +422,10 @@ textarea {
     border: 1px solid rgba(127, 96, 55, 0.12);
 }
 
-.table-list-item strong {
+.table-list-title {
     display: block;
     margin-bottom: 0.6rem;
+    color: var(--ink);
 }
 
 .chip-row {
@@ -420,7 +455,6 @@ textarea {
 .details-block summary {
     cursor: pointer;
     color: var(--accent);
-    font-weight: 600;
     margin-bottom: 0.6rem;
 }
 
@@ -496,7 +530,6 @@ textarea {
 
 .critical-table th {
     background: rgba(238, 223, 193, 0.45);
-    font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 0.04em;
 }