x

2026-06-21 01:52:57 -04:00
1 parent c449de2482
commit 7e4e89e33c
@@ -16,28 +16,28 @@ export default {
      },
      colors: {
        pop: {
-          pink: "#FF6B6B",
-          yellow: "#FFF200",
-          orange: "#FFA07A",
-          red: "#FF4500",
-          cyan: "#E0FFFF",
-          green: "#98FB98",
-          purple: "#D8BFD8",
-          bg: "#FFF0F5",
-          black: "#333333",
+          pink: "var(--color-pop-pink, #FF6B6B)",
+          yellow: "var(--color-pop-yellow, #FFF200)",
+          orange: "var(--color-pop-orange, #FFA07A)",
+          red: "var(--color-pop-red, #FF4500)",
+          cyan: "var(--color-pop-cyan, #E0FFFF)",
+          green: "var(--color-pop-green, #98FB98)",
+          purple: "var(--color-pop-purple, #D8BFD8)",
+          bg: "var(--color-pop-bg, #FFF0F5)",
+          black: "var(--color-pop-black, #333333)",
        },
        night: {
-          900: "#111827",
+          900: "var(--color-night-900, #111827)",
        },
        cyan: {
-          glow: "#06b6d4",
+          glow: "var(--color-cyan-glow, #06b6d4)",
        },
        spa: {
-          light: "#FDFDF9",   // Off-white/Cream
-          sage: "#EAEFEA",    // Soft Sage Green
-          stone: "#4B4B46",   // Dark Stone Gray
-          forest: "#1F3D2D",  // Deep Forest Green
-          gold: "#D4AF37",    // Elegant Gold
+          light: "var(--color-spa-light, #FDFDF9)",   // Off-white/Cream
+          sage: "var(--color-spa-sage, #EAEFEA)",    // Soft Sage Green
+          stone: "var(--color-spa-stone, #4B4B46)",   // Dark Stone Gray
+          forest: "var(--color-spa-forest, #1F3D2D)",  // Deep Forest Green
+          gold: "var(--color-spa-gold, #D4AF37)",    // Elegant Gold
        }
      },
      boxShadow: {