diff --git a/theme.json b/theme.json
index d5e2ae8..b8c85d6 100644
--- a/theme.json
+++ b/theme.json
@@ -16,6 +16,11 @@
           "name": "Secondary",
           "slug": "secondary"
         },
+        {
+          "color": "#5A0D0D",
+          "name": "Secondary darker",
+          "slug": "secondary-darker"
+        },
         {
           "color": "#333333",
           "name": "Body text",
@@ -113,7 +118,8 @@
         "color": {
           "background": "var(--wp--preset--color--secondary)",
           "text": "var(--wp--preset--color--white)"
-        }
+        },
+        "css": "&:hover { background-color: var(--wp--preset--color--secondary-darker) }\n &:focus { background-color: var(--wp--preset--color--secondary-darker) }\n &:active { background-color: var(--wp--preset--color--secondary-darker) }"
       }
     },
     "typography": {