From 9f88802dee21deeeff531dbe2b3851140890cb31 Mon Sep 17 00:00:00 2001
From: "Hanson.xyz Dev" <dev@hanson.xyz>
Date: Fri, 28 Nov 2025 16:06:14 -0600
Subject: [PATCH] Step 1.3: Configure theme.json with brand colors and
 typography

---
 db-snapshots/db-snapshot.sql          |   2 +-
 wp-content/themes/homeproz/theme.json | 244 ++++++++++++++++++++++++++
 2 files changed, 245 insertions(+), 1 deletion(-)
 create mode 100644 wp-content/themes/homeproz/theme.json

diff --git a/db-snapshots/db-snapshot.sql b/db-snapshots/db-snapshot.sql
index 78da5408..22de1d13 100644
--- a/db-snapshots/db-snapshot.sql
+++ b/db-snapshots/db-snapshot.sql
@@ -407,4 +407,4 @@ UNLOCK TABLES;
 /*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
 /*!40111 SET SQL_NOTES=@OLD_SQL_NOTES */;
 
--- Dump completed on 2025-11-28 16:05:23
+-- Dump completed on 2025-11-28 16:06:14
diff --git a/wp-content/themes/homeproz/theme.json b/wp-content/themes/homeproz/theme.json
new file mode 100644
index 00000000..e7f1d602
--- /dev/null
+++ b/wp-content/themes/homeproz/theme.json
@@ -0,0 +1,244 @@
+{
+    "$schema": "https://schemas.wp.org/trunk/theme.json",
+    "version": 2,
+    "settings": {
+        "appearanceTools": true,
+        "color": {
+            "custom": true,
+            "customDuotone": false,
+            "customGradient": false,
+            "defaultGradients": false,
+            "defaultPalette": false,
+            "duotone": [],
+            "gradients": [],
+            "palette": [
+                {
+                    "slug": "hp-dark",
+                    "color": "#0A0A0A",
+                    "name": "Background Dark"
+                },
+                {
+                    "slug": "hp-card",
+                    "color": "#161616",
+                    "name": "Card Background"
+                },
+                {
+                    "slug": "hp-accent",
+                    "color": "#9F3730",
+                    "name": "Accent Primary"
+                },
+                {
+                    "slug": "hp-accent-hover",
+                    "color": "#C8473F",
+                    "name": "Accent Hover"
+                },
+                {
+                    "slug": "hp-accent-light",
+                    "color": "#BF524B",
+                    "name": "Accent Light"
+                },
+                {
+                    "slug": "hp-text",
+                    "color": "#F5F5F5",
+                    "name": "Text Primary"
+                },
+                {
+                    "slug": "hp-text-muted",
+                    "color": "#B0B0B0",
+                    "name": "Text Muted"
+                },
+                {
+                    "slug": "hp-border",
+                    "color": "#2A2A2A",
+                    "name": "Border"
+                },
+                {
+                    "slug": "hp-success",
+                    "color": "#2E7D32",
+                    "name": "Success"
+                },
+                {
+                    "slug": "hp-warning",
+                    "color": "#F9A825",
+                    "name": "Warning"
+                },
+                {
+                    "slug": "hp-sold",
+                    "color": "#757575",
+                    "name": "Sold/Muted"
+                },
+                {
+                    "slug": "white",
+                    "color": "#FFFFFF",
+                    "name": "White"
+                },
+                {
+                    "slug": "black",
+                    "color": "#000000",
+                    "name": "Black"
+                }
+            ]
+        },
+        "layout": {
+            "contentSize": "800px",
+            "wideSize": "1200px"
+        },
+        "spacing": {
+            "units": ["px", "rem", "%", "vh", "vw"]
+        },
+        "typography": {
+            "customFontSize": true,
+            "fluid": true,
+            "fontFamilies": [
+                {
+                    "fontFamily": "'Abril Fatface', Georgia, serif",
+                    "slug": "display",
+                    "name": "Display (Abril Fatface)"
+                },
+                {
+                    "fontFamily": "'Inter', 'Droid Sans', Arial, sans-serif",
+                    "slug": "body",
+                    "name": "Body (Inter)"
+                }
+            ],
+            "fontSizes": [
+                {
+                    "slug": "small",
+                    "size": "0.875rem",
+                    "name": "Small"
+                },
+                {
+                    "slug": "medium",
+                    "size": "1rem",
+                    "name": "Medium"
+                },
+                {
+                    "slug": "large",
+                    "size": "1.25rem",
+                    "name": "Large"
+                },
+                {
+                    "slug": "x-large",
+                    "size": "1.5rem",
+                    "name": "Extra Large"
+                },
+                {
+                    "slug": "xx-large",
+                    "size": "2.25rem",
+                    "name": "2X Large"
+                },
+                {
+                    "slug": "huge",
+                    "size": "3rem",
+                    "name": "Huge"
+                }
+            ]
+        },
+        "blocks": {
+            "core/button": {
+                "border": {
+                    "radius": true
+                }
+            }
+        }
+    },
+    "styles": {
+        "color": {
+            "background": "var(--wp--preset--color--hp-dark)",
+            "text": "var(--wp--preset--color--hp-text-muted)"
+        },
+        "typography": {
+            "fontFamily": "var(--wp--preset--font-family--body)",
+            "fontSize": "var(--wp--preset--font-size--medium)",
+            "lineHeight": "1.6"
+        },
+        "spacing": {
+            "blockGap": "1.5rem"
+        },
+        "elements": {
+            "heading": {
+                "typography": {
+                    "fontFamily": "var(--wp--preset--font-family--display)",
+                    "fontWeight": "400",
+                    "lineHeight": "1.2"
+                },
+                "color": {
+                    "text": "var(--wp--preset--color--hp-text)"
+                }
+            },
+            "h1": {
+                "typography": {
+                    "fontSize": "3rem"
+                }
+            },
+            "h2": {
+                "typography": {
+                    "fontSize": "2.25rem"
+                }
+            },
+            "h3": {
+                "typography": {
+                    "fontSize": "1.875rem"
+                }
+            },
+            "h4": {
+                "typography": {
+                    "fontSize": "1.5rem"
+                }
+            },
+            "h5": {
+                "typography": {
+                    "fontSize": "1.25rem"
+                }
+            },
+            "h6": {
+                "typography": {
+                    "fontSize": "1.125rem"
+                }
+            },
+            "link": {
+                "color": {
+                    "text": "var(--wp--preset--color--hp-accent-light)"
+                },
+                ":hover": {
+                    "color": {
+                        "text": "var(--wp--preset--color--hp-accent-hover)"
+                    }
+                }
+            },
+            "button": {
+                "color": {
+                    "background": "var(--wp--preset--color--hp-accent)",
+                    "text": "var(--wp--preset--color--white)"
+                },
+                "typography": {
+                    "fontFamily": "var(--wp--preset--font-family--body)",
+                    "fontWeight": "600",
+                    "fontSize": "0.875rem",
+                    "textTransform": "uppercase",
+                    "letterSpacing": "0.05em"
+                },
+                "border": {
+                    "radius": "0.25rem"
+                },
+                ":hover": {
+                    "color": {
+                        "background": "var(--wp--preset--color--hp-accent-hover)"
+                    }
+                }
+            }
+        },
+        "blocks": {
+            "core/site-title": {
+                "typography": {
+                    "fontFamily": "var(--wp--preset--font-family--display)"
+                }
+            },
+            "core/navigation": {
+                "typography": {
+                    "fontFamily": "var(--wp--preset--font-family--body)"
+                }
+            }
+        }
+    }
+}