add variations

epi/styles/01-pewter.json

@@ -0,0 +1,319 @@
+{
+    "$schema": "https://schemas.wp.org/trunk/theme.json",
+    "version": 3,
+    "title": "Pewter",
+    "categories": [
+        "vibrant",
+        "warm",
+        "feminine",
+        "modern",
+        "portfolio"
+    ],
+    "settings": {
+        "color": {
+            "palette": [
+                {
+                    "color": "#fdfafa",
+                    "name": "Color 1",
+                    "slug": "theme-1"
+                },
+                {
+                    "color": "#d4bbbb",
+                    "name": "Color 2",
+                    "slug": "theme-2"
+                },
+                {
+                    "color": "#01616B",
+                    "name": "Color 4",
+                    "slug": "theme-4"
+                },
+                {
+                    "color": "#716B66",
+                    "name": "Color 6",
+                    "slug": "theme-6"
+                },
+                {
+                    "color": "#181515",
+                    "name": "Color 5",
+                    "slug": "theme-5"
+                },
+                {
+                    "color": "#f7ecec",
+                    "name": "Color 3",
+                    "slug": "theme-3"
+                }
+            ],
+            "duotone": [
+                {
+                    "colors": [
+                        "#01616B",
+                        "#d4bbbb"
+                    ],
+                    "slug": "duotone-1",
+                    "name": "Duotone 1"
+                },
+                {
+                    "colors": [
+                        "#181515",
+                        "#01616B"
+                    ],
+                    "slug": "duotone-2",
+                    "name": "Duotone 2"
+                }
+            ],
+            "gradients": [
+                {
+                    "slug": "gradient-text-transparent",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-5) -50%, transparent 50%)",
+                    "name": "Text to Transparent"
+                },
+                {
+                    "slug": "gradient-1-2",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-2) 100%)",
+                    "name": "Gradient 1"
+                },
+                {
+                    "slug": "gradient-1-3",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-4) 100%)",
+                    "name": "Gradient 2"
+                },
+                {
+                    "slug": "gradient-1-4",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-6) 100%)",
+                    "name": "Gradient 3"
+                },
+                {
+                    "slug": "gradient-1-5",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-5) 100%)",
+                    "name": "Gradient 4"
+                },
+                {
+                    "slug": "gradient-1-6",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-3) 100%)",
+                    "name": "Gradient 5"
+                },
+                {
+                    "slug": "gradient-2-3",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-2) 0%, var(--wp--preset--color--theme-4) 100%)",
+                    "name": "Gradient 6"
+                },
+                {
+                    "slug": "gradient-2-4",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-2) 0%, var(--wp--preset--color--theme-6) 100%)",
+                    "name": "Gradient 7"
+                },
+                {
+                    "slug": "gradient-2-5",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-2) 0%, var(--wp--preset--color--theme-5) 100%)",
+                    "name": "Gradient 8"
+                },
+                {
+                    "slug": "gradient-2-6",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-2) 0%, var(--wp--preset--color--theme-3) 100%)",
+                    "name": "Gradient 9"
+                },
+                {
+                    "slug": "gradient-3-4",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-4) 0%, var(--wp--preset--color--theme-6) 100%)",
+                    "name": "Gradient 10"
+                },
+                {
+                    "slug": "gradient-3-5",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-4) 0%, var(--wp--preset--color--theme-5) 100%)",
+                    "name": "Gradient 11"
+                },
+                {
+                    "slug": "gradient-3-6",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-4) 0%, var(--wp--preset--color--theme-3) 100%)",
+                    "name": "Gradient 12"
+                },
+                {
+                    "slug": "gradient-4-5",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-6) 0%, var(--wp--preset--color--theme-5) 100%)",
+                    "name": "Gradient 13"
+                },
+                {
+                    "slug": "gradient-4-6",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-6) 0%, var(--wp--preset--color--theme-3) 100%)",
+                    "name": "Gradient 14"
+                },
+                {
+                    "slug": "gradient-5-6",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-5) 0%, var(--wp--preset--color--theme-3) 100%)",
+                    "name": "Gradient 15"
+                }
+            ]
+        }
+    },
+    "styles": {
+        "color": {
+            "background": "var(--wp--preset--color--theme-1)",
+            "text": "var(--wp--preset--color--theme-5)"
+        },
+        "blocks": {
+            "core/separator": {
+                "color": {
+                    "background": "var(--wp--preset--color--theme-2)",
+                    "text": "var(--wp--preset--color--theme-2)"
+                }
+            }
+        },
+        "elements": {
+            "heading": {
+                "color": {
+                    "text": "var(--wp--preset--color--theme-5)"
+                }
+            },
+            "link": {
+                "color": {
+                    "text": {
+                        "ref": "styles.color.text"
+                    }
+                }
+            }
+        },
+        "variations": {
+            "section-1": {
+                "color": {
+                    "background": "var(--wp--preset--color--theme-2)",
+                    "text": "var(--wp--preset--color--theme-5)"
+                },
+                "blocks": {
+                    "core/paragraph": {
+                        "elements": {
+                            "link": {
+                                "color": {
+                                    "text": "var(--wp--preset--color--theme-5)"
+                                }
+                            }
+                        }
+                    },
+                    "core/separator": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-5)",
+                            "text": "var(--wp--preset--color--theme-5)"
+                        }
+                    }
+                },
+                "elements": {
+                    "link": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-5)"
+                        }
+                    },
+                    "button": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-4)",
+                            "text": "var(--wp--preset--color--theme-1)"
+                        },
+                        ":hover": {
+                            "color": {
+                                "background": "var(--wp--preset--color--theme-5)",
+                                "text": "var(--wp--preset--color--theme-1)"
+                            }
+                        }
+                    },
+                    "heading": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-5)"
+                        }
+                    }
+                }
+            },
+            "section-2": {
+                "color": {
+                    "background": "var(--wp--preset--color--theme-6)",
+                    "text": "var(--wp--preset--color--theme-1)"
+                },
+                "blocks": {
+                    "core/paragraph": {
+                        "elements": {
+                            "link": {
+                                "color": {
+                                    "text": "var(--wp--preset--color--theme-1)"
+                                }
+                            }
+                        }
+                    },
+                    "core/separator": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-1)",
+                            "text": "var(--wp--preset--color--theme-1)"
+                        }
+                    }
+                },
+                "elements": {
+                    "link": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-1)"
+                        }
+                    },
+                    "button": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-4)",
+                            "text": "var(--wp--preset--color--theme-1)"
+                        },
+                        ":hover": {
+                            "color": {
+                                "background": "var(--wp--preset--color--theme-5)",
+                                "text": "var(--wp--preset--color--theme-1)"
+                            }
+                        }
+                    },
+                    "heading": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-1)"
+                        }
+                    }
+                }
+            },
+            "section-3": {
+                "color": {
+                    "background": "var(--wp--preset--color--theme-5)",
+                    "text": "var(--wp--preset--color--theme-2)"
+                },
+                "blocks": {
+                    "core/paragraph": {
+                        "elements": {
+                            "link": {
+                                "color": {
+                                    "text": "var(--wp--preset--color--theme-2)"
+                                }
+                            }
+                        }
+                    },
+                    "core/separator": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-2)",
+                            "text": "var(--wp--preset--color--theme-2)"
+                        }
+                    }
+                },
+                "elements": {
+                    "link": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-3)"
+                        }
+                    },
+                    "button": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-4)",
+                            "text": "var(--wp--preset--color--theme-1)"
+                        },
+                        ":hover": {
+                            "color": {
+                                "background": "var(--wp--preset--color--theme-3)",
+                                "text": "var(--wp--preset--color--theme-5)"
+                            }
+                        }
+                    },
+                    "heading": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-3)"
+                        }
+                    }
+                }
+            }
+        }
+    }
+}

epi/styles/02-linen.json

@@ -0,0 +1,284 @@
+{
+    "$schema": "https://schemas.wp.org/trunk/theme.json",
+    "version": 3,
+    "title": "Linen",
+    "categories": [
+        "minimalistic",
+        "clean",
+        "sophisticated",
+        "natural",
+        "modern",
+        "portfolio",
+        "neutral"
+    ],
+    "settings": {
+        "color": {
+            "palette": [
+                {
+                    "color": "#FBFBF9",
+                    "name": "Color 1",
+                    "slug": "theme-1"
+                },
+                {
+                    "color": "#F4F4EE",
+                    "name": "Color 2",
+                    "slug": "theme-2"
+                },
+                {
+                    "color": "#dcdcd6",
+                    "name": "Color 3",
+                    "slug": "theme-3"
+                },
+                {
+                    "color": "#222222",
+                    "name": "Color 4",
+                    "slug": "theme-4"
+                },
+                {
+                    "color": "#000000",
+                    "name": "Color 5",
+                    "slug": "theme-5"
+                }
+            ],
+            "duotone": [
+                {
+                    "colors": [
+                        "#000000",
+                        "#F4F4EE"
+                    ],
+                    "slug": "duotone-1",
+                    "name": "Duotone 1"
+                },
+                {
+                    "colors": [
+                        "#222222",
+                        "#DCDCD6"
+                    ],
+                    "slug": "duotone-2",
+                    "name": "Duotone 2"
+                }
+            ],
+            "gradients": [
+                {
+                    "slug": "gradient-text-transparent",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-5) -50%, transparent 50%)",
+                    "name": "Text to Transparent"
+                },
+                {
+                    "slug": "gradient-1-2",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-2) 100%)",
+                    "name": "Gradient 1"
+                },
+                {
+                    "slug": "gradient-1-3",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-3) 100%)",
+                    "name": "Gradient 2"
+                },
+                {
+                    "slug": "gradient-1-4",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-4) 100%)",
+                    "name": "Gradient 3"
+                },
+                {
+                    "slug": "gradient-1-5",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-5) 100%)",
+                    "name": "Gradient 4"
+                },
+                {
+                    "slug": "gradient-2-3",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-2) 0%, var(--wp--preset--color--theme-3) 100%)",
+                    "name": "Gradient 5"
+                },
+                {
+                    "slug": "gradient-2-4",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-2) 0%, var(--wp--preset--color--theme-4) 100%)",
+                    "name": "Gradient 6"
+                },
+                {
+                    "slug": "gradient-2-5",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-2) 0%, var(--wp--preset--color--theme-5) 100%)",
+                    "name": "Gradient 7"
+                },
+                {
+                    "slug": "gradient-3-4",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-3) 0%, var(--wp--preset--color--theme-4) 100%)",
+                    "name": "Gradient 8"
+                },
+                {
+                    "slug": "gradient-3-5",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-3) 0%, var(--wp--preset--color--theme-5) 100%)",
+                    "name": "Gradient 9"
+                },
+                {
+                    "slug": "gradient-4-5",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-4) 0%, var(--wp--preset--color--theme-5) 100%)",
+                    "name": "Gradient 10"
+                }
+            ]
+        }
+    },
+    "styles": {
+        "color": {
+            "background": "var(--wp--preset--color--theme-1)",
+            "text": "var(--wp--preset--color--theme-5)"
+        },
+        "blocks": {
+            "core/separator": {
+                "color": {
+                    "background": "var(--wp--preset--color--theme-3)",
+                    "text": "var(--wp--preset--color--theme-3)"
+                }
+            }
+        },
+        "elements": {
+            "heading": {
+                "color": {
+                    "text": "var(--wp--preset--color--theme-5)"
+                }
+            },
+            "link": {
+                "color": {
+                    "text": {
+                        "ref": "styles.color.text"
+                    }
+                }
+            },
+            "button": {
+                "color": {
+                    "background": "var(--wp--preset--color--theme-5)",
+                    "text": "var(--wp--preset--color--theme-1)"
+                },
+                ":hover": {
+                    "color": {
+                        "background": "var(--wp--preset--color--theme-4)",
+                        "text": "var(--wp--preset--color--theme-1)"
+                    }
+                }
+            }
+        },
+        "variations": {
+            "section-1": {
+                "color": {
+                    "background": "var(--wp--preset--color--theme-2)",
+                    "text": "var(--wp--preset--color--theme-5)"
+                },
+                "blocks": {
+                    "core/separator": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-5)",
+                            "text": "var(--wp--preset--color--theme-5)"
+                        }
+                    }
+                },
+                "elements": {
+                    "button": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-5)",
+                            "text": "var(--wp--preset--color--theme-1)"
+                        },
+                        ":hover": {
+                            "color": {
+                                "background": "var(--wp--preset--color--theme-4)",
+                                "text": "var(--wp--preset--color--theme-1)"
+                            }
+                        }
+                    },
+                    "heading": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-5)"
+                        }
+                    }
+                }
+            },
+            "section-2": {
+                "color": {
+                    "background": "var(--wp--preset--color--theme-3)",
+                    "text": "var(--wp--preset--color--theme-5)"
+                },
+                "blocks": {
+                    "core/separator": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-5)",
+                            "text": "var(--wp--preset--color--theme-5)"
+                        }
+                    },
+                    "core/site-title": {
+                        "elements": {
+                            "link": {
+                                "color": {
+                                    "text": "var(--wp--preset--color--theme-5)"
+                                }
+                            }
+                        }
+                    }
+                },
+                "elements": {
+                    "button": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-5)",
+                            "text": "var(--wp--preset--color--theme-1)"
+                        },
+                        ":hover": {
+                            "color": {
+                                "background": "var(--wp--preset--color--theme-4)",
+                                "text": "var(--wp--preset--color--theme-1)"
+                            }
+                        }
+                    },
+                    "heading": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-5)"
+                        }
+                    }
+                }
+            },
+            "section-3": {
+                "color": {
+                    "background": "var(--wp--preset--color--theme-5)",
+                    "text": "var(--wp--preset--color--theme-3)"
+                },
+                "blocks": {
+                    "core/paragraph": {
+                        "elements": {
+                            "link": {
+                                "color": {
+                                    "text": "var(--wp--preset--color--theme-3)"
+                                }
+                            }
+                        }
+                    },
+                    "core/separator": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-4)",
+                            "text": "var(--wp--preset--color--theme-4)"
+                        }
+                    }
+                },
+                "elements": {
+                    "button": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-2)",
+                            "text": "var(--wp--preset--color--theme-5)"
+                        },
+                        ":hover": {
+                            "color": {
+                                "background": "#FFFFFFE3",
+                                "text": "var(--wp--preset--color--theme-5)"
+                            }
+                        }
+                    },
+                    "heading": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-2)"
+                        }
+                    },
+                    "link": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-2)"
+                        }
+                    }
+                }
+            }
+        }
+    }
+}

epi/styles/03-maritime.json

@@ -0,0 +1,297 @@
+{
+    "$schema": "https://schemas.wp.org/trunk/theme.json",
+    "version": 3,
+    "title": "Maritime",
+    "categories": [
+        "business",
+        "professional",
+        "crisp",
+        "bold",
+        "modern",
+        "dynamic"
+    ],
+    "settings": {
+        "color": {
+            "palette": [
+                {
+                    "color": "#FFF",
+                    "name": "Color 1",
+                    "slug": "theme-1"
+                },
+                {
+                    "color": "#F9F7F4",
+                    "name": "Color 2",
+                    "slug": "theme-2"
+                },
+                {
+                    "color": "#003297",
+                    "name": "Color 4",
+                    "slug": "theme-4"
+                },
+                {
+                    "color": "#002C84",
+                    "name": "Color 5",
+                    "slug": "theme-5"
+                },
+                {
+                    "color": "#0F1A35",
+                    "name": "Color 3",
+                    "slug": "theme-3"
+                }
+            ],
+            "duotone": [
+                {
+                    "colors": [
+                        "#002C84",
+                        "#F9F7F4"
+                    ],
+                    "slug": "duotone-1",
+                    "name": "Duotone 1"
+                },
+                {
+                    "colors": [
+                        "#0F1A35",
+                        "#F9F7F4"
+                    ],
+                    "slug": "duotone-2",
+                    "name": "Duotone 2"
+                }
+            ],
+            "gradients": [
+                {
+                    "slug": "gradient-text-transparent",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-4) -50%, transparent 50%)",
+                    "name": "Text to Transparent"
+                },
+                {
+                    "slug": "gradient-1-2",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-2) 100%)",
+                    "name": "Gradient 1"
+                },
+                {
+                    "slug": "gradient-1-3",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-4) 100%)",
+                    "name": "Gradient 2"
+                },
+                {
+                    "slug": "gradient-1-4",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-5) 100%)",
+                    "name": "Gradient 3"
+                },
+                {
+                    "slug": "gradient-1-5",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-3) 100%)",
+                    "name": "Gradient 4"
+                },
+                {
+                    "slug": "gradient-2-3",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-2) 0%, var(--wp--preset--color--theme-4) 100%)",
+                    "name": "Gradient 5"
+                },
+                {
+                    "slug": "gradient-2-4",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-2) 0%, var(--wp--preset--color--theme-5) 100%)",
+                    "name": "Gradient 6"
+                },
+                {
+                    "slug": "gradient-2-5",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-2) 0%, var(--wp--preset--color--theme-3) 100%)",
+                    "name": "Gradient 7"
+                },
+                {
+                    "slug": "gradient-3-4",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-4) 0%, var(--wp--preset--color--theme-5) 100%)",
+                    "name": "Gradient 8"
+                },
+                {
+                    "slug": "gradient-3-5",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-4) 0%, var(--wp--preset--color--theme-3) 100%)",
+                    "name": "Gradient 9"
+                },
+                {
+                    "slug": "gradient-4-5",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-5) 0%, var(--wp--preset--color--theme-3) 100%)",
+                    "name": "Gradient 10"
+                }
+            ]
+        }
+    },
+    "styles": {
+        "color": {
+            "background": "var(--wp--preset--color--theme-2)",
+            "text": "var(--wp--preset--color--theme-4)"
+        },
+        "blocks": {
+            "core/separator": {
+                "color": {
+                    "background": "var(--wp--preset--color--theme-4)",
+                    "text": "var(--wp--preset--color--theme-4)"
+                }
+            }
+        },
+        "elements": {
+            "button": {
+                "color": {
+                    "background": "var(--wp--preset--color--theme-4)",
+                    "text": "var(--wp--preset--color--theme-1)"
+                },
+                ":hover": {
+                    "color": {
+                        "background": "var(--wp--preset--color--theme-5)",
+                        "text": "var(--wp--preset--color--theme-1)"
+                    }
+                }
+            },
+            "link": {
+                "color": {
+                    "text": {
+                        "ref": "styles.color.text"
+                    }
+                }
+            }
+        },
+        "variations": {
+            "section-1": {
+                "color": {
+                    "background": "var(--wp--preset--color--theme-1)",
+                    "text": "var(--wp--preset--color--theme-4)"
+                },
+                "blocks": {
+                    "core/paragraph": {
+                        "elements": {
+                            "link": {
+                                "color": {
+                                    "text": "var(--wp--preset--color--theme-4)"
+                                }
+                            }
+                        }
+                    },
+                    "core/separator": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-4)",
+                            "text": "var(--wp--preset--color--theme-4)"
+                        }
+                    }
+                },
+                "elements": {
+                    "link": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-4)"
+                        }
+                    },
+                    "button": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-4)",
+                            "text": "var(--wp--preset--color--theme-1)"
+                        },
+                        ":hover": {
+                            "color": {
+                                "background": "var(--wp--preset--color--theme-5)",
+                                "text": "var(--wp--preset--color--theme-1)"
+                            }
+                        }
+                    },
+                    "heading": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-4)"
+                        }
+                    }
+                }
+            },
+            "section-2": {
+                "color": {
+                    "background": "var(--wp--preset--color--theme-5)",
+                    "text": "var(--wp--preset--color--theme-2)"
+                },
+                "blocks": {
+                    "core/paragraph": {
+                        "elements": {
+                            "link": {
+                                "color": {
+                                    "text": "var(--wp--preset--color--theme-2)"
+                                }
+                            }
+                        }
+                    },
+                    "core/separator": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-2)",
+                            "text": "var(--wp--preset--color--theme-2)"
+                        }
+                    }
+                },
+                "elements": {
+                    "link": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-2)"
+                        }
+                    },
+                    "button": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-2)",
+                            "text": "var(--wp--preset--color--theme-5)"
+                        },
+                        ":hover": {
+                            "color": {
+                                "background": "var(--wp--preset--color--theme-1)",
+                                "text": "var(--wp--preset--color--theme-5)"
+                            }
+                        }
+                    },
+                    "heading": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-2)"
+                        }
+                    }
+                }
+            },
+            "section-3": {
+                "color": {
+                    "background": "var(--wp--preset--color--theme-3)",
+                    "text": "var(--wp--preset--color--theme-2)"
+                },
+                "blocks": {
+                    "core/paragraph": {
+                        "elements": {
+                            "link": {
+                                "color": {
+                                    "text": "var(--wp--preset--color--theme-2)"
+                                }
+                            }
+                        }
+                    },
+                    "core/separator": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-2)",
+                            "text": "var(--wp--preset--color--theme-2)"
+                        }
+                    }
+                },
+                "elements": {
+                    "link": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-2)"
+                        }
+                    },
+                    "button": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-2)",
+                            "text": "var(--wp--preset--color--theme-5)"
+                        },
+                        ":hover": {
+                            "color": {
+                                "background": "var(--wp--preset--color--theme-1)",
+                                "text": "var(--wp--preset--color--theme-5)"
+                            }
+                        }
+                    },
+                    "heading": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-2)"
+                        }
+                    }
+                }
+            }
+        }
+    }
+}

epi/styles/04-vanilla.json

@@ -0,0 +1,282 @@
+{
+    "$schema": "https://schemas.wp.org/trunk/theme.json",
+    "version": 3,
+    "title": "Vanilla",
+    "categories": [
+        "soft",
+        "light",
+        "serene",
+        "minimalist",
+        "clean"
+    ],
+    "settings": {
+        "color": {
+            "palette": [
+                {
+                    "color": "#FCFAF8",
+                    "name": "Color 1",
+                    "slug": "theme-1"
+                },
+                {
+                    "color": "#F1E9DE",
+                    "name": "Color 2",
+                    "slug": "theme-2"
+                },
+                {
+                    "color": "#E4DAD0",
+                    "name": "Color 3",
+                    "slug": "theme-3"
+                },
+                {
+                    "color": "#222222",
+                    "name": "Color 4",
+                    "slug": "theme-4"
+                },
+                {
+                    "color": "#000000",
+                    "name": "Color 5",
+                    "slug": "theme-5"
+                }
+            ],
+            "duotone": [
+                {
+                    "colors": [
+                        "#222222",
+                        "#F1E9DE"
+                    ],
+                    "slug": "duotone-1",
+                    "name": "Duotone 1"
+                },
+                {
+                    "colors": [
+                        "#000000",
+                        "#E4DAD0"
+                    ],
+                    "slug": "duotone-2",
+                    "name": "Duotone 2"
+                }
+            ],
+            "gradients": [
+                {
+                    "slug": "gradient-text-transparent",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-4) -50%, transparent 50%)",
+                    "name": "Text to Transparent"
+                },
+                {
+                    "slug": "gradient-1-2",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-2) 100%)",
+                    "name": "Gradient 1"
+                },
+                {
+                    "slug": "gradient-1-3",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-3) 100%)",
+                    "name": "Gradient 2"
+                },
+                {
+                    "slug": "gradient-1-4",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-4) 100%)",
+                    "name": "Gradient 3"
+                },
+                {
+                    "slug": "gradient-1-5",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-5) 100%)",
+                    "name": "Gradient 4"
+                },
+                {
+                    "slug": "gradient-2-3",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-2) 0%, var(--wp--preset--color--theme-3) 100%)",
+                    "name": "Gradient 5"
+                },
+                {
+                    "slug": "gradient-2-4",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-2) 0%, var(--wp--preset--color--theme-4) 100%)",
+                    "name": "Gradient 6"
+                },
+                {
+                    "slug": "gradient-2-5",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-2) 0%, var(--wp--preset--color--theme-5) 100%)",
+                    "name": "Gradient 7"
+                },
+                {
+                    "slug": "gradient-3-4",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-3) 0%, var(--wp--preset--color--theme-4) 100%)",
+                    "name": "Gradient 8"
+                },
+                {
+                    "slug": "gradient-3-5",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-3) 0%, var(--wp--preset--color--theme-5) 100%)",
+                    "name": "Gradient 9"
+                },
+                {
+                    "slug": "gradient-4-5",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-4) 0%, var(--wp--preset--color--theme-5) 100%)",
+                    "name": "Gradient 10"
+                }
+            ]
+        }
+    },
+    "styles": {
+        "color": {
+            "background": "var(--wp--preset--color--theme-2)",
+            "text": "var(--wp--preset--color--theme-4)"
+        },
+        "blocks": {
+            "core/separator": {
+                "color": {
+                    "background": "var(--wp--preset--color--theme-4)",
+                    "text": "var(--wp--preset--color--theme-4)"
+                }
+            }
+        },
+        "elements": {
+            "heading": {
+                "color": {
+                    "text": "var(--wp--preset--color--theme-4)"
+                }
+            },
+            "link": {
+                "color": {
+                    "text": {
+                        "ref": "styles.color.text"
+                    }
+                }
+            },
+            "button": {
+                "color": {
+                    "background": "var(--wp--preset--color--theme-4)",
+                    "text": "var(--wp--preset--color--theme-1)"
+                },
+                ":hover": {
+                    "color": {
+                        "background": "var(--wp--preset--color--theme-5)",
+                        "text": "var(--wp--preset--color--theme-1)"
+                    }
+                }
+            }
+        },
+        "variations": {
+            "section-1": {
+                "color": {
+                    "background": "var(--wp--preset--color--theme-1)",
+                    "text": "var(--wp--preset--color--theme-4)"
+                },
+                "blocks": {
+                    "core/separator": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-4)",
+                            "text": "var(--wp--preset--color--theme-4)"
+                        }
+                    }
+                },
+                "elements": {
+                    "button": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-4)",
+                            "text": "var(--wp--preset--color--theme-1)"
+                        },
+                        ":hover": {
+                            "color": {
+                                "background": "var(--wp--preset--color--theme-5)",
+                                "text": "var(--wp--preset--color--theme-1)"
+                            }
+                        }
+                    },
+                    "heading": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-4)"
+                        }
+                    }
+                }
+            },
+            "section-2": {
+                "color": {
+                    "background": "var(--wp--preset--color--theme-3)",
+                    "text": "var(--wp--preset--color--theme-4)"
+                },
+                "blocks": {
+                    "core/separator": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-4)",
+                            "text": "var(--wp--preset--color--theme-4)"
+                        }
+                    },
+                    "core/site-title": {
+                        "elements": {
+                            "link": {
+                                "color": {
+                                    "text": "var(--wp--preset--color--theme-4)"
+                                }
+                            }
+                        }
+                    }
+                },
+                "elements": {
+                    "button": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-4)",
+                            "text": "var(--wp--preset--color--theme-1)"
+                        },
+                        ":hover": {
+                            "color": {
+                                "background": "var(--wp--preset--color--theme-5)",
+                                "text": "var(--wp--preset--color--theme-1)"
+                            }
+                        }
+                    },
+                    "heading": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-4)"
+                        }
+                    }
+                }
+            },
+            "section-3": {
+                "color": {
+                    "background": "var(--wp--preset--color--theme-4)",
+                    "text": "var(--wp--preset--color--theme-3)"
+                },
+                "blocks": {
+                    "core/paragraph": {
+                        "elements": {
+                            "link": {
+                                "color": {
+                                    "text": "var(--wp--preset--color--theme-3)"
+                                }
+                            }
+                        }
+                    },
+                    "core/separator": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-3)",
+                            "text": "var(--wp--preset--color--theme-3)"
+                        }
+                    }
+                },
+                "elements": {
+                    "button": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-3)",
+                            "text": "var(--wp--preset--color--theme-4)"
+                        },
+                        ":hover": {
+                            "color": {
+                                "background": "var(--wp--preset--color--theme-2)",
+                                "text": "var(--wp--preset--color--theme-4)"
+                            }
+                        }
+                    },
+                    "heading": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-2)"
+                        }
+                    },
+                    "link": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-2)"
+                        }
+                    }
+                }
+            }
+        }
+    }
+}

epi/styles/05-raspberry.json

@@ -0,0 +1,360 @@
+{
+    "$schema": "https://schemas.wp.org/trunk/theme.json",
+    "version": 3,
+    "title": "Raspberry",
+    "categories": [
+        "warm",
+        "vibrant",
+        "rich",
+        "comforting",
+        "calm",
+        "moody",
+        "home"
+    ],
+    "settings": {
+        "color": {
+            "palette": [
+                {
+                    "color": "#5C2215",
+                    "name": "Color 5",
+                    "slug": "theme-5"
+                },
+                {
+                    "color": "#6F2B1C",
+                    "name": "Color 1",
+                    "slug": "theme-1"
+                },
+                {
+                    "color": "#C9A282",
+                    "name": "Color 3",
+                    "slug": "theme-3"
+                },
+                {
+                    "color": "#F3E4D4",
+                    "name": "Color 2",
+                    "slug": "theme-2"
+                },
+                {
+                    "color": "#1c0a06",
+                    "name": "Color 4",
+                    "slug": "theme-4"
+                },
+                {
+                    "color": "#faf4ee",
+                    "name": "Color 6",
+                    "slug": "theme-6"
+                }
+            ],
+            "duotone": [
+                {
+                    "colors": [
+                        "#5C2215",
+                        "#F3E4D4"
+                    ],
+                    "slug": "duotone-1",
+                    "name": "Duotone 1"
+                },
+                {
+                    "colors": [
+                        "#1C0A06",
+                        "#FAF4EE"
+                    ],
+                    "slug": "duotone-2",
+                    "name": "Duotone 2"
+                }
+            ],
+            "gradients": [
+                {
+                    "slug": "gradient-text-transparent",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-2) -50%, transparent 50%)",
+                    "name": "Text to Transparent"
+                },
+                {
+                    "slug": "gradient-1-2",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-5) 0%, var(--wp--preset--color--theme-1) 100%)",
+                    "name": "Gradient 1"
+                },
+                {
+                    "slug": "gradient-1-3",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-5) 0%, var(--wp--preset--color--theme-3) 100%)",
+                    "name": "Gradient 2"
+                },
+                {
+                    "slug": "gradient-1-4",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-5) 0%, var(--wp--preset--color--theme-2) 100%)",
+                    "name": "Gradient 3"
+                },
+                {
+                    "slug": "gradient-1-5",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-5) 0%, var(--wp--preset--color--theme-4) 100%)",
+                    "name": "Gradient 4"
+                },
+                {
+                    "slug": "gradient-1-6",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-5) 0%, var(--wp--preset--color--theme-6) 100%)",
+                    "name": "Gradient 5"
+                },
+                {
+                    "slug": "gradient-2-3",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-3) 100%)",
+                    "name": "Gradient 6"
+                },
+                {
+                    "slug": "gradient-2-4",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-2) 100%)",
+                    "name": "Gradient 7"
+                },
+                {
+                    "slug": "gradient-2-5",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-4) 100%)",
+                    "name": "Gradient 8"
+                },
+                {
+                    "slug": "gradient-2-6",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-6) 100%)",
+                    "name": "Gradient 9"
+                },
+                {
+                    "slug": "gradient-3-4",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-3) 0%, var(--wp--preset--color--theme-2) 100%)",
+                    "name": "Gradient 10"
+                },
+                {
+                    "slug": "gradient-3-5",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-3) 0%, var(--wp--preset--color--theme-4) 100%)",
+                    "name": "Gradient 11"
+                },
+                {
+                    "slug": "gradient-3-6",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-3) 0%, var(--wp--preset--color--theme-6) 100%)",
+                    "name": "Gradient 12"
+                },
+                {
+                    "slug": "gradient-4-5",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-2) 0%, var(--wp--preset--color--theme-4) 100%)",
+                    "name": "Gradient 13"
+                },
+                {
+                    "slug": "gradient-4-6",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-2) 0%, var(--wp--preset--color--theme-6) 100%)",
+                    "name": "Gradient 14"
+                },
+                {
+                    "slug": "gradient-5-6",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-4) 0%, var(--wp--preset--color--theme-6) 100%)",
+                    "name": "Gradient 15"
+                }
+            ]
+        }
+    },
+    "styles": {
+        "color": {
+            "background": "var(--wp--preset--color--theme-1)",
+            "text": "var(--wp--preset--color--theme-2)"
+        },
+        "blocks": {
+            "core/site-title": {
+                "color": {
+                    "text": "var(--wp--preset--color--theme-2)"
+                }
+            },
+            "core/separator": {
+                "color": {
+                    "background": "var(--wp--preset--color--theme-2)",
+                    "text": "var(--wp--preset--color--theme-2)"
+                }
+            },
+            "core/cover": {
+                "color": {
+                    "text": "var(--wp--preset--color--theme-2)"
+                },
+                "elements": {
+                    "button": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-4)",
+                            "text": "var(--wp--preset--color--theme-2)"
+                        },
+                        ":hover": {
+                            "color": {
+                                "background": "var(--wp--preset--color--theme-3)",
+                                "text": "var(--wp--preset--color--theme-4)"
+                            }
+                        }
+                    },
+                    "heading": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-2)"
+                        }
+                    }
+                }
+            }
+        },
+        "elements": {
+            "heading": {
+                "color": {
+                    "text": "var(--wp--preset--color--theme-2)"
+                }
+            },
+            "button": {
+                "color": {
+                    "background": "var(--wp--preset--color--theme-4)",
+                    "text": "var(--wp--preset--color--theme-2)"
+                },
+                ":hover": {
+                    "color": {
+                        "background": "var(--wp--preset--color--theme-3)",
+                        "text": "var(--wp--preset--color--theme-4)"
+                    }
+                }
+            },
+            "link": {
+                "color": {
+                    "text": "var(--wp--preset--color--theme-2)"
+                }
+            }
+        },
+        "variations": {
+            "section-1": {
+                "color": {
+                    "background": "var(--wp--preset--color--theme-2)",
+                    "text": "var(--wp--preset--color--theme-1)"
+                },
+                "blocks": {
+                    "core/paragraph": {
+                        "elements": {
+                            "link": {
+                                "color": {
+                                    "text": "var(--wp--preset--color--theme-1)"
+                                }
+                            }
+                        }
+                    },
+                    "core/separator": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-1)",
+                            "text": "var(--wp--preset--color--theme-1)"
+                        }
+                    }
+                },
+                "elements": {
+                    "link": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-1)"
+                        }
+                    },
+                    "button": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-4)",
+                            "text": "var(--wp--preset--color--theme-2)"
+                        },
+                        ":hover": {
+                            "color": {
+                                "background": "var(--wp--preset--color--theme-3)",
+                                "text": "var(--wp--preset--color--theme-4)"
+                            }
+                        }
+                    },
+                    "heading": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-1)"
+                        }
+                    }
+                }
+            },
+            "section-2": {
+                "color": {
+                    "background": "var(--wp--preset--color--theme-3)",
+                    "text": "var(--wp--preset--color--theme-5)"
+                },
+                "blocks": {
+                    "core/paragraph": {
+                        "elements": {
+                            "link": {
+                                "color": {
+                                    "text": "var(--wp--preset--color--theme-5)"
+                                }
+                            }
+                        }
+                    },
+                    "core/separator": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-5)",
+                            "text": "var(--wp--preset--color--theme-5)"
+                        }
+                    }
+                },
+                "elements": {
+                    "link": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-5)"
+                        }
+                    },
+                    "button": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-5)",
+                            "text": "var(--wp--preset--color--theme-6)"
+                        },
+                        ":hover": {
+                            "color": {
+                                "background": "var(--wp--preset--color--theme-4)",
+                                "text": "var(--wp--preset--color--theme-6)"
+                            }
+                        }
+                    },
+                    "heading": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-5)"
+                        }
+                    }
+                }
+            },
+            "section-3": {
+                "color": {
+                    "background": "var(--wp--preset--color--theme-4)",
+                    "text": "var(--wp--preset--color--theme-3)"
+                },
+                "blocks": {
+                    "core/paragraph": {
+                        "elements": {
+                            "link": {
+                                "color": {
+                                    "text": "var(--wp--preset--color--theme-3)"
+                                }
+                            }
+                        }
+                    },
+                    "core/separator": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-3)",
+                            "text": "var(--wp--preset--color--theme-3)"
+                        }
+                    }
+                },
+                "elements": {
+                    "link": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-3)"
+                        }
+                    },
+                    "button": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-3)",
+                            "text": "var(--wp--preset--color--theme-1)"
+                        },
+                        ":hover": {
+                            "color": {
+                                "background": "var(--wp--preset--color--theme-2)",
+                                "text": "var(--wp--preset--color--theme-1)"
+                            }
+                        }
+                    },
+                    "heading": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-3)"
+                        }
+                    }
+                }
+            }
+        }
+    }
+}

epi/styles/06-sand.json

@@ -0,0 +1,353 @@
+{
+    "$schema": "https://schemas.wp.org/trunk/theme.json",
+    "version": 3,
+    "title": "Sand",
+    "categories": [
+        "natural",
+        "neutral",
+        "serene",
+        "sophisticated",
+        "clean"
+    ],
+    "settings": {
+        "color": {
+            "palette": [
+                {
+                    "color": "#171614",
+                    "name": "Color 6",
+                    "slug": "theme-6"
+                },
+                {
+                    "color": "#211F1C",
+                    "name": "Color 5",
+                    "slug": "theme-5"
+                },
+                {
+                    "color": "#6D655B",
+                    "name": "Color 1",
+                    "slug": "theme-1"
+                },
+                {
+                    "color": "#AB9C8C",
+                    "name": "Color 3",
+                    "slug": "theme-3"
+                },
+                {
+                    "color": "#F6F1EC",
+                    "name": "Color 2",
+                    "slug": "theme-2"
+                },
+                {
+                    "color": "#F9F6F1",
+                    "name": "Color 4",
+                    "slug": "theme-4"
+                }
+            ],
+            "duotone": [
+                {
+                    "colors": [
+                        "#211F1C",
+                        "#F6F1EC"
+                    ],
+                    "slug": "duotone-1",
+                    "name": "Duotone 1"
+                },
+                {
+                    "colors": [
+                        "#171614",
+                        "#AB9C8C"
+                    ],
+                    "slug": "duotone-2",
+                    "name": "Duotone 2"
+                }
+            ],
+            "gradients": [
+                {
+                    "slug": "gradient-text-transparent",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-4) -50%, transparent 50%)",
+                    "name": "Text to Transparent"
+                },
+                {
+                    "slug": "gradient-1-2",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-6) 0%, var(--wp--preset--color--theme-5) 100%)",
+                    "name": "Gradient 1"
+                },
+                {
+                    "slug": "gradient-1-3",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-6) 0%, var(--wp--preset--color--theme-1) 100%)",
+                    "name": "Gradient 2"
+                },
+                {
+                    "slug": "gradient-1-4",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-6) 0%, var(--wp--preset--color--theme-3) 100%)",
+                    "name": "Gradient 3"
+                },
+                {
+                    "slug": "gradient-1-5",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-6) 0%, var(--wp--preset--color--theme-2) 100%)",
+                    "name": "Gradient 4"
+                },
+                {
+                    "slug": "gradient-1-6",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-6) 0%, var(--wp--preset--color--theme-4) 100%)",
+                    "name": "Gradient 5"
+                },
+                {
+                    "slug": "gradient-2-3",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-5) 0%, var(--wp--preset--color--theme-1) 100%)",
+                    "name": "Gradient 6"
+                },
+                {
+                    "slug": "gradient-2-4",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-5) 0%, var(--wp--preset--color--theme-3) 100%)",
+                    "name": "Gradient 7"
+                },
+                {
+                    "slug": "gradient-2-5",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-5) 0%, var(--wp--preset--color--theme-2) 100%)",
+                    "name": "Gradient 8"
+                },
+                {
+                    "slug": "gradient-2-6",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-5) 0%, var(--wp--preset--color--theme-4) 100%)",
+                    "name": "Gradient 9"
+                },
+                {
+                    "slug": "gradient-3-4",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-3) 100%)",
+                    "name": "Gradient 10"
+                },
+                {
+                    "slug": "gradient-3-5",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-2) 100%)",
+                    "name": "Gradient 11"
+                },
+                {
+                    "slug": "gradient-3-6",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-4) 100%)",
+                    "name": "Gradient 12"
+                },
+                {
+                    "slug": "gradient-4-5",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-3) 0%, var(--wp--preset--color--theme-2) 100%)",
+                    "name": "Gradient 13"
+                },
+                {
+                    "slug": "gradient-4-6",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-3) 0%, var(--wp--preset--color--theme-4) 100%)",
+                    "name": "Gradient 14"
+                },
+                {
+                    "slug": "gradient-5-6",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-2) 0%, var(--wp--preset--color--theme-4) 100%)",
+                    "name": "Gradient 15"
+                }
+            ]
+        }
+    },
+    "styles": {
+        "color": {
+            "background": "var(--wp--preset--color--theme-1)",
+            "text": "var(--wp--preset--color--theme-4)"
+        },
+        "blocks": {
+            "core/separator": {
+                "color": {
+                    "background": "var(--wp--preset--color--theme-4)",
+                    "text": "var(--wp--preset--color--theme-4)"
+                }
+            },
+            "core/cover": {
+                "color": {
+                    "text": "var(--wp--preset--color--theme-4)"
+                },
+                "elements": {
+                    "button": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-2)",
+                            "text": "var(--wp--preset--color--theme-5)"
+                        },
+                        ":hover": {
+                            "color": {
+                                "background": "var(--wp--preset--color--theme-4)",
+                                "text": "var(--wp--preset--color--theme-5)"
+                            }
+                        }
+                    },
+                    "heading": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-4)"
+                        }
+                    }
+                }
+            }
+        },
+        "elements": {
+            "heading": {
+                "color": {
+                    "text": "var(--wp--preset--color--theme-2)"
+                }
+            },
+            "link": {
+                "color": {
+                    "text": "var(--wp--preset--color--theme-2)"
+                }
+            },
+            "button": {
+                "color": {
+                    "background": "var(--wp--preset--color--theme-2)",
+                    "text": "var(--wp--preset--color--theme-5)"
+                },
+                ":hover": {
+                    "color": {
+                        "background": "var(--wp--preset--color--theme-4)",
+                        "text": "var(--wp--preset--color--theme-5)"
+                    }
+                }
+            }
+        },
+        "variations": {
+            "section-1": {
+                "color": {
+                    "background": "var(--wp--preset--color--theme-4)",
+                    "text": "var(--wp--preset--color--theme-5)"
+                },
+                "blocks": {
+                    "core/paragraph": {
+                        "elements": {
+                            "link": {
+                                "color": {
+                                    "text": "var(--wp--preset--color--theme-5)"
+                                }
+                            }
+                        }
+                    },
+                    "core/separator": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-5)",
+                            "text": "var(--wp--preset--color--theme-5)"
+                        }
+                    }
+                },
+                "elements": {
+                    "link": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-5)"
+                        }
+                    },
+                    "button": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-5)",
+                            "text": "var(--wp--preset--color--theme-4)"
+                        },
+                        ":hover": {
+                            "color": {
+                                "background": "var(--wp--preset--color--theme-1)",
+                                "text": "var(--wp--preset--color--theme-4)"
+                            }
+                        }
+                    },
+                    "heading": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-5)"
+                        }
+                    }
+                }
+            },
+            "section-2": {
+                "color": {
+                    "background": "var(--wp--preset--color--theme-3)",
+                    "text": "var(--wp--preset--color--theme-5)"
+                },
+                "blocks": {
+                    "core/paragraph": {
+                        "elements": {
+                            "link": {
+                                "color": {
+                                    "text": "var(--wp--preset--color--theme-5)"
+                                }
+                            }
+                        }
+                    },
+                    "core/separator": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-5)",
+                            "text": "var(--wp--preset--color--theme-5)"
+                        }
+                    }
+                },
+                "elements": {
+                    "link": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-5)"
+                        }
+                    },
+                    "button": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-5)",
+                            "text": "var(--wp--preset--color--theme-4)"
+                        },
+                        ":hover": {
+                            "color": {
+                                "background": "var(--wp--preset--color--theme-1)",
+                                "text": "var(--wp--preset--color--theme-4)"
+                            }
+                        }
+                    },
+                    "heading": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-5)"
+                        }
+                    }
+                }
+            },
+            "section-3": {
+                "color": {
+                    "background": "var(--wp--preset--color--theme-6)",
+                    "text": "var(--wp--preset--color--theme-2)"
+                },
+                "blocks": {
+                    "core/paragraph": {
+                        "elements": {
+                            "link": {
+                                "color": {
+                                    "text": "var(--wp--preset--color--theme-2)"
+                                }
+                            }
+                        }
+                    },
+                    "core/separator": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-3)",
+                            "text": "var(--wp--preset--color--theme-3)"
+                        }
+                    }
+                },
+                "elements": {
+                    "link": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-2)"
+                        }
+                    },
+                    "button": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-2)",
+                            "text": "var(--wp--preset--color--theme-5)"
+                        },
+                        ":hover": {
+                            "color": {
+                                "background": "var(--wp--preset--color--theme-4)",
+                                "text": "var(--wp--preset--color--theme-5)"
+                            }
+                        }
+                    },
+                    "heading": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-2)"
+                        }
+                    }
+                }
+            }
+        }
+    }
+}

epi/styles/07-onyx.json

@@ -0,0 +1,323 @@
+{
+    "$schema": "https://schemas.wp.org/trunk/theme.json",
+    "version": 3,
+    "title": "Onyx",
+    "categories": [
+        "dark",
+        "modern",
+        "luxury",
+        "sleek",
+        "portfolio",
+        "stylish"
+    ],
+    "settings": {
+        "color": {
+            "palette": [
+                {
+                    "color": "#070707",
+                    "name": "Color 6",
+                    "slug": "theme-6"
+                },
+                {
+                    "color": "#0D0D0D",
+                    "name": "Color 1",
+                    "slug": "theme-1"
+                },
+                {
+                    "color": "#D9D7C7",
+                    "name": "Color 5",
+                    "slug": "theme-5"
+                },
+                {
+                    "color": "#E9E8E1",
+                    "name": "Color 4",
+                    "slug": "theme-4"
+                },
+                {
+                    "color": "#F8F8F7",
+                    "name": "Color 3",
+                    "slug": "theme-3"
+                }
+            ],
+            "duotone": [
+                {
+                    "colors": [
+                        "#070707",
+                        "#E9E8E1"
+                    ],
+                    "slug": "duotone-1",
+                    "name": "Duotone 1"
+                },
+                {
+                    "colors": [
+                        "#070707",
+                        "#D9D7C7"
+                    ],
+                    "slug": "duotone-2",
+                    "name": "Duotone 2"
+                }
+            ],
+            "gradients": [
+                {
+                    "slug": "gradient-text-transparent",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-5) -50%, transparent 50%)",
+                    "name": "Text to Transparent"
+                },
+                {
+                    "slug": "gradient-1-2",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-6) 0%, var(--wp--preset--color--theme-1) 100%)",
+                    "name": "Gradient 1"
+                },
+                {
+                    "slug": "gradient-1-3",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-6) 0%, var(--wp--preset--color--theme-5) 100%)",
+                    "name": "Gradient 2"
+                },
+                {
+                    "slug": "gradient-1-4",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-6) 0%, var(--wp--preset--color--theme-4) 100%)",
+                    "name": "Gradient 3"
+                },
+                {
+                    "slug": "gradient-1-5",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-6) 0%, var(--wp--preset--color--theme-3) 100%)",
+                    "name": "Gradient 4"
+                },
+                {
+                    "slug": "gradient-2-3",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-5) 100%)",
+                    "name": "Gradient 5"
+                },
+                {
+                    "slug": "gradient-2-4",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-4) 100%)",
+                    "name": "Gradient 6"
+                },
+                {
+                    "slug": "gradient-2-5",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-1) 0%, var(--wp--preset--color--theme-3) 100%)",
+                    "name": "Gradient 7"
+                },
+                {
+                    "slug": "gradient-3-4",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-5) 0%, var(--wp--preset--color--theme-4) 100%)",
+                    "name": "Gradient 8"
+                },
+                {
+                    "slug": "gradient-3-5",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-5) 0%, var(--wp--preset--color--theme-3) 100%)",
+                    "name": "Gradient 9"
+                },
+                {
+                    "slug": "gradient-4-5",
+                    "gradient": "linear-gradient(to bottom, var(--wp--preset--color--theme-4) 0%, var(--wp--preset--color--theme-3) 100%)",
+                    "name": "Gradient 10"
+                }
+            ]
+        }
+    },
+    "styles": {
+        "color": {
+            "background": "var(--wp--preset--color--theme-1)",
+            "text": "var(--wp--preset--color--theme-5)"
+        },
+        "blocks": {
+            "core/separator": {
+                "color": {
+                    "text": "var(--wp--preset--color--theme-5)"
+                }
+            },
+            "core/navigation": {
+                "color": {
+                    "text": "var(--wp--preset--color--theme-5)"
+                }
+            },
+            "core/cover": {
+                "color": {
+                    "text": "var(--wp--preset--color--theme-4)"
+                },
+                "elements": {
+                    "heading": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-4)"
+                        }
+                    }
+                }
+            }
+        },
+        "elements": {
+            "heading": {
+                "color": {
+                    "text": "var(--wp--preset--color--theme-5)"
+                }
+            },
+            "link": {
+                "color": {
+                    "text": {
+                        "ref": "styles.color.text"
+                    }
+                }
+            },
+            "button": {
+                "color": {
+                    "background": "var(--wp--preset--color--theme-5)",
+                    "text": "var(--wp--preset--color--theme-1)"
+                },
+                ":hover": {
+                    "color": {
+                        "background": "var(--wp--preset--color--theme-4)",
+                        "text": "var(--wp--preset--color--theme-1)"
+                    }
+                }
+            },
+            "caption": {
+                "color": {
+                    "text": "var(--wp--preset--color--theme-5)"
+                }
+            }
+        },
+        "variations": {
+            "section-1": {
+                "color": {
+                    "background": "var(--wp--preset--color--theme-3)",
+                    "text": "var(--wp--preset--color--theme-1)"
+                },
+                "blocks": {
+                    "core/paragraph": {
+                        "elements": {
+                            "link": {
+                                "color": {
+                                    "text": "var(--wp--preset--color--theme-1)"
+                                }
+                            }
+                        }
+                    },
+                    "core/separator": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-1)",
+                            "text": "var(--wp--preset--color--theme-1)"
+                        }
+                    }
+                },
+                "elements": {
+                    "link": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-1)"
+                        }
+                    },
+                    "button": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-1)",
+                            "text": "var(--wp--preset--color--theme-5)"
+                        },
+                        ":hover": {
+                            "color": {
+                                "background": "var(--wp--preset--color--theme-6)",
+                                "text": "var(--wp--preset--color--theme-3)"
+                            }
+                        }
+                    },
+                    "heading": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-1)"
+                        }
+                    }
+                }
+            },
+            "section-2": {
+                "color": {
+                    "background": "var(--wp--preset--color--theme-5)",
+                    "text": "var(--wp--preset--color--theme-1)"
+                },
+                "blocks": {
+                    "core/paragraph": {
+                        "elements": {
+                            "link": {
+                                "color": {
+                                    "text": "var(--wp--preset--color--theme-1)"
+                                }
+                            }
+                        }
+                    },
+                    "core/separator": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-1)",
+                            "text": "var(--wp--preset--color--theme-1)"
+                        }
+                    }
+                },
+                "elements": {
+                    "link": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-1)"
+                        }
+                    },
+                    "button": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-1)",
+                            "text": "var(--wp--preset--color--theme-5)"
+                        },
+                        ":hover": {
+                            "color": {
+                                "background": "var(--wp--preset--color--theme-6)",
+                                "text": "var(--wp--preset--color--theme-3)"
+                            }
+                        }
+                    },
+                    "heading": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-1)"
+                        }
+                    }
+                }
+            },
+            "section-3": {
+                "color": {
+                    "background": "var(--wp--preset--color--theme-6)",
+                    "text": "var(--wp--preset--color--theme-5)"
+                },
+                "blocks": {
+                    "core/paragraph": {
+                        "elements": {
+                            "link": {
+                                "color": {
+                                    "text": "var(--wp--preset--color--theme-5)"
+                                }
+                            }
+                        }
+                    },
+                    "core/separator": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-5)",
+                            "text": "var(--wp--preset--color--theme-5)"
+                        }
+                    }
+                },
+                "elements": {
+                    "link": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-5)"
+                        }
+                    },
+                    "button": {
+                        "color": {
+                            "background": "var(--wp--preset--color--theme-5)",
+                            "text": "var(--wp--preset--color--theme-1)"
+                        },
+                        ":hover": {
+                            "color": {
+                                "background": "var(--wp--preset--color--theme-4)",
+                                "text": "var(--wp--preset--color--theme-1)"
+                            }
+                        }
+                    },
+                    "heading": {
+                        "color": {
+                            "text": "var(--wp--preset--color--theme-5)"
+                        }
+                    }
+                }
+            }
+        }
+    }
+}