diff --git a/postcss.config.js b/postcss.config.js
index 83ccf43..2deb1fe 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,3 +1,8 @@
 module.exports = {
-	plugins: [require("postcss-nested-ancestors"), require("postcss-import")],
-};
+	plugins: [
+			require('postcss-nested-ancestors'),
+			require('postcss-import'),
+			require('tailwindcss/nesting'),
+			require('tailwindcss')
+	]
+}
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..e5b7183
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,37 @@
+const theme = require("./theme.json");
+const tailpress = require("@jeffreyvr/tailwindcss-tailpress");
+
+module.exports = {
+	content: [
+		"./*.php",
+		"./**/*.php",
+		"./resources/css/*.css",
+		"./resources/js/*.js",
+		"./safelist.txt",
+		"!./node_modules/**/*",
+	],
+	safelist: [],
+	theme: {
+		container: {
+			padding: {
+				DEFAULT: "1rem",
+				sm: "2rem",
+				lg: "0rem",
+			},
+		},
+		extend: {
+			colors: tailpress.colorMapper(tailpress.theme("settings.color.palette", theme)),
+			fontSize: tailpress.fontSizeMapper(tailpress.theme("settings.typography.fontSizes", theme)),
+		},
+		screens: {
+			xs: "480px",
+			sm: "600px",
+			md: "782px",
+			lg: tailpress.theme("settings.layout.contentSize", theme),
+			xl: tailpress.theme("settings.layout.wideSize", theme),
+			"2xl": "1440px",
+			"3xl": "1920px",
+		},
+	},
+	plugins: [tailpress.tailwind],
+};
diff --git a/theme.json b/theme.json
index f25f784..da9d540 100644
--- a/theme.json
+++ b/theme.json
@@ -32,7 +32,7 @@
     },
     "color": {
       "defaultPalette": false,
-      "custom": false,
+      "custom": true,
       "palette": [
         {
           "name": "Primaire",
@@ -40,94 +40,24 @@
           "color": "#2F0154"
         },
         {
-          "name": "Primaire Light",
-          "slug": "primary-light",
-          "color": "#F4F2F6"
+          "name": "Deli Pink",
+          "slug": "deli-pink",
+          "color": "#e91969"
         },
         {
-          "name": "Primaire Survol",
-          "slug": "primary-hover",
-          "color": "#130023"
+          "name": "Deli Blue",
+          "slug": "deli-blue",
+          "color": "#1cc7c7"
         },
         {
-          "name": "Secondaire",
-          "slug": "secondary",
-          "color": "#DF1E1E"
+          "name": "Deli Purple",
+          "slug": "deli-purple",
+          "color": "#C14FE3"
         },
         {
-          "name": "Secondaire Light",
-          "slug": "secondary-light",
-          "color": "#FEF5F6"
-        },
-        {
-          "name": "Infos",
-          "slug": "infos",
-          "color": "#FFE9A3"
-        },
-        {
-          "name": "Secondaire Au Survol",
-          "slug": "secondary-hover",
-          "color": "#980303"
-        },
-        {
-          "name": "Gris",
-          "slug": "gray",
-          "color": "#F7F7F7"
-        },
-        {
-          "name": "Gris Foncé",
-          "slug": "gray-dark",
-          "color": "#767575"
-        },
-        {
-          "name": "Acoustique / Copropriétés",
-          "slug": "acoustique-coproprietes",
-          "color": "#245EF2"
-        },
-        {
-          "name": "Acoustique / Copropriétés | Light",
-          "slug": "acoustique-coproprietes-light",
-          "color": "#DFF1FF"
-        },
-        {
-          "name": "Énergies / Urbanisme",
-          "slug": "energies-urbanisme",
-          "color": "#027E50"
-        },
-        {
-          "name": "Énergies / Urbanisme | Light",
-          "slug": "energies-urbanisme-light",
-          "color": "#E3FFF0"
-        },
-        {
-          "name": "Isolation / Quotidien",
-          "slug": "isolation-quotidien",
-          "color": "#C24503"
-        },
-        {
-          "name": "Isolation / Quotidien | Light",
-          "slug": "isolation-quotidien-light",
-          "color": "#FFFBEC"
-        },
-        {
-          "name": "Patrimoine / Rénovation",
-          "slug": "patrimoine-sante-securite",
-          "color": "#8B2FF7"
-        },
-        {
-          "name": "Patrimoine / Rénovation | Light",
-          "slug": "patrimoine-sante-securite-light",
-          "color": "#F8F2FF"
-        },
-        {
-          "name": "Location / Rénovation Circulaire",
-          "slug": "location-durabilite",
-          "color": "#DF002B"
-        },
-        {
-          "name": "Location | Light",
-          "slug": "location-durabilite-light",
-          "color": "#FFF3F5"
+          "name": "Deli Orange",
+          "slug": "deli-orange",
+          "color": "#FAA400"
         }
       ],
       "gradients": [
@@ -135,26 +65,6 @@
           "slug": "gradient-blue",
           "gradient": "linear-gradient(160deg, #3C75FF, #0BB1FF)",
           "name": "Blue Gradient"
-        },
-        {
-          "slug": "gradient-green",
-          "gradient": "linear-gradient(160deg, #008050, #09D17B)",
-          "name": "Green Gradient"
-        },
-        {
-          "slug": "gradient-red",
-          "gradient": "linear-gradient(160deg, #F40634, #FF928B)",
-          "name": "Red Gradient"
-        },
-        {
-          "slug": "gradient-yellow",
-          "gradient": "linear-gradient(160deg, #D44A00, #FE9000)",
-          "name": "Yellow Gradient"
-        },
-        {
-          "slug": "gradient-purple",
-          "gradient": "linear-gradient(160deg, #8B2FF7, #EB79FF)",
-          "name": "Purple Gradient"
         }
       ]
     },