[ { "id": "concrete-red", "name": "Concrete & Cadmium", "description": "Off-white concrete with cadmium red accent. Light mode primary; dark mode for case-study deep-dives.", "theme": { "mode": "both", "lightColors": { "background": "40 14% 93%", "foreground": "0 0% 4%", "card": "40 10% 96%", "cardForeground": "0 0% 4%", "popover": "40 10% 96%", "popoverForeground": "0 0% 4%", "primary": "4 86% 48%", "primaryForeground": "0 0% 100%", "secondary": "40 8% 88%", "secondaryForeground": "0 0% 4%", "muted": "40 6% 90%", "mutedForeground": "0 0% 35%", "accent": "4 86% 48%", "accentForeground": "0 0% 100%", "destructive": "0 84% 50%", "destructiveForeground": "0 0% 100%", "border": "0 0% 4%", "input": "0 0% 4%", "ring": "4 86% 48%" }, "darkColors": { "background": "0 0% 6%", "foreground": "40 14% 93%", "card": "0 0% 9%", "cardForeground": "40 14% 93%", "popover": "0 0% 9%", "popoverForeground": "40 14% 93%", "primary": "4 86% 54%", "primaryForeground": "0 0% 6%", "secondary": "0 0% 14%", "secondaryForeground": "40 14% 93%", "muted": "0 0% 12%", "mutedForeground": "40 6% 65%", "accent": "4 86% 54%", "accentForeground": "0 0% 6%", "destructive": "0 84% 60%", "destructiveForeground": "0 0% 100%", "border": "40 14% 93%", "input": "40 14% 93%", "ring": "4 86% 54%" } } }, { "id": "hazard-yellow", "name": "Hazard", "description": "Construction-site safety yellow on ink black. Dark mode primary.", "theme": { "mode": "dark", "lightColors": { "background": "40 14% 93%", "foreground": "0 0% 4%", "card": "40 10% 96%", "cardForeground": "0 0% 4%", "popover": "40 10% 96%", "popoverForeground": "0 0% 4%", "primary": "48 100% 45%", "primaryForeground": "0 0% 4%", "secondary": "40 8% 88%", "secondaryForeground": "0 0% 4%", "muted": "40 6% 90%", "mutedForeground": "0 0% 35%", "accent": "48 100% 45%", "accentForeground": "0 0% 4%", "destructive": "0 84% 50%", "destructiveForeground": "0 0% 100%", "border": "0 0% 4%", "input": "0 0% 4%", "ring": "48 100% 45%" }, "darkColors": { "background": "0 0% 6%", "foreground": "48 100% 88%", "card": "0 0% 9%", "cardForeground": "48 100% 88%", "popover": "0 0% 9%", "popoverForeground": "48 100% 88%", "primary": "48 100% 50%", "primaryForeground": "0 0% 6%", "secondary": "0 0% 14%", "secondaryForeground": "48 100% 88%", "muted": "0 0% 12%", "mutedForeground": "48 20% 65%", "accent": "48 100% 50%", "accentForeground": "0 0% 6%", "destructive": "0 84% 55%", "destructiveForeground": "0 0% 100%", "border": "48 100% 88%", "input": "48 100% 88%", "ring": "48 100% 50%" } } } ]