{
  "name": "Cyberpunk",
  "description": "Neon-cyberpunk theme with cyan grid, magenta accents, and futuristic glow",
  "dark": {
    "colors": {
      "background": "240 30% 4%",
      "foreground": "180 50% 95%",
      "primary": "180 100% 50%",
      "secondary": "280 80% 55%",
      "accent": "280 80% 55%",
      "muted": "240 15% 15%",
      "border": "180 30% 20%",
      "ring": "180 100% 50%",
      "card": "240 25% 8%",
      "popover": "240 25% 8%"
    },
    "textColors": {
      "heading": "linear-gradient(135deg, hsl(180,100%,50%), hsl(280,80%,55%))",
      "link": "hsl(180, 100%, 55%)",
      "link-hover": "hsl(280, 80%, 60%)",
      "code": "hsl(180, 100%, 55%)",
      "blockquote": "hsl(180, 20%, 70%)",
      "table-header": "hsl(180, 100%, 55%)",
      "stat-card-value": "hsl(180, 100%, 55%)",
      "badge": "hsl(180, 100%, 55%)",
      "page-header-title": "hsl(180, 100%, 55%)",
      "text-glow": "0 0 10px hsl(180,100%,50%), 0 0 30px hsl(180,100%,50%), 0 0 60px rgba(0,255,255,0.5)"
    },
    "backgrounds": {
      "body": "Deep navy-black with cyan grid lines, cyan and magenta neon glow gradients, and glowing dot particles",
      "grid-color": "rgba(0, 255, 255, 0.03)",
      "grid-size": "40px",
      "glow-colors": ["rgba(0, 255, 255, 0.08)", "rgba(255, 0, 255, 0.08)"]
    },
    "effects": {
      "body-background-animation": "neon-drift 20s ease-in-out infinite alternate"
    }
  },
  "light": {
    "colors": {
      "background": "180 20% 96%",
      "foreground": "240 40% 10%",
      "primary": "180 100% 40%",
      "secondary": "280 60% 50%",
      "accent": "280 60% 50%",
      "muted": "180 15% 88%",
      "border": "180 15% 82%",
      "ring": "180 100% 40%",
      "card": "0 0% 100%",
      "popover": "0 0% 100%"
    },
    "textColors": {
      "heading": "linear-gradient(135deg, hsl(180,100%,35%), hsl(280,60%,45%))",
      "link": "hsl(180, 100%, 35%)",
      "link-hover": "hsl(280, 60%, 50%)",
      "code": "hsl(280, 60%, 45%)",
      "blockquote": "hsl(240, 10%, 45%)",
      "table-header": "hsl(180, 100%, 35%)",
      "stat-card-value": "hsl(180, 100%, 35%)",
      "badge": "hsl(180, 100%, 35%)",
      "page-header-title": "hsl(180, 100%, 35%)",
      "text-glow": "0 0 8px hsl(180,100%,40%), 0 0 20px hsl(180,100%,40%), 0 0 40px rgba(0,200,200,0.3)"
    },
    "backgrounds": {
      "body": "Light with subtle cyan and magenta gradient washes and faint grid lines",
      "glow-colors": ["rgba(0, 200, 200, 0.05)", "rgba(200, 0, 200, 0.04)"]
    }
  }
}