{
    "ok": true,
    "meta": {
        "seed": "VX-3387",
        "armonia": "tetradica",
        "registro": "oscuro",
        "estilo": "espacial",
        "layout": "classic",
        "modo": "uno",
        "nivel": "aa",
        "mood": null,
        "tema_principal": "oscuro",
        "hue_base": 247,
        "hues": [
            247,
            337,
            67,
            157
        ],
        "excluidos": [],
        "nota": null,
        "regla": "60-30-10: primario domina, secundario apoya, acento puntua",
        "version": "1.7.0",
        "generado_en": "2026-07-28T12:25:21+00:00"
    },
    "colores": {
        "fondo": "#161618",
        "superficie": "#232325",
        "primario": "#33313F",
        "secundario": "#5A4950",
        "acento": "#64D8AC",
        "acento_suave": "#ABEDD4",
        "texto": "#ECECEE",
        "texto_muted": "#A5A4AD",
        "sobre_primario": "#ECECEE",
        "sobre_secundario": "#ECECEE",
        "sobre_acento": "#232325",
        "sobre_acento_suave": "#232325"
    },
    "wcag": [
        {
            "par": "texto / fondo",
            "ratio": 15.32,
            "objetivo": 4.5,
            "aa": true,
            "aa_grande": true
        },
        {
            "par": "texto / superficie",
            "ratio": 13.3,
            "objetivo": 4.5,
            "aa": true,
            "aa_grande": true
        },
        {
            "par": "texto_muted / fondo",
            "ratio": 7.33,
            "objetivo": 4.5,
            "aa": true,
            "aa_grande": true
        },
        {
            "par": "acento / fondo",
            "ratio": 10.29,
            "objetivo": 4.5,
            "aa": true,
            "aa_grande": true
        }
    ],
    "ajustes_aa": [],
    "estilo": {
        "nombre": "espacial",
        "layout": "classic",
        "registros_recomendados": [
            "oscuro"
        ],
        "tokens": {
            "radius": "16px",
            "radius_control": "10px",
            "borde": "1px solid rgba(255,255,255,0.10)",
            "sombra": "0 6px 18px rgba(0,0,0,0.40)",
            "sombra_elevada": "0 28px 70px rgba(0,0,0,0.55)",
            "blur": "8px",
            "saturacion": "1.2",
            "alpha_superficie": 0.92,
            "superficie_translucida": "rgba(35,35,37,0.92)",
            "espaciado": "1.15",
            "transicion": "0.3s cubic-bezier(.2,.7,.3,1)",
            "highlight": "none",
            "gradiente": "linear-gradient(135deg, #7264D8, #D86491, #CBD864, #64D8AC)",
            "fondo_decorado": "radial-gradient(120% 90% at 50% -10%, rgba(37,31,81,0.9) 0%, #161618 60%)"
        }
    },
    "tipografia": {
        "display": {
            "familia": "Audiowide",
            "pesos": [
                400
            ],
            "fallback": "system-ui, sans-serif"
        },
        "cuerpo": {
            "familia": "Titillium Web",
            "pesos": [
                400,
                600
            ],
            "fallback": "system-ui, sans-serif"
        },
        "google_fonts_url": "https://fonts.googleapis.com/css2?family=Audiowide:wght@400&family=Titillium+Web:wght@400;600&display=swap"
    },
    "daltonismo": {
        "simulaciones": {
            "protanopia": {
                "primario": "#2E3340",
                "secundario": "#4A4C50",
                "acento": "#D4CBAA"
            },
            "deuteranopia": {
                "primario": "#2E323F",
                "secundario": "#4E4F50",
                "acento": "#C3BEAF"
            },
            "tritanopia": {
                "primario": "#313336",
                "secundario": "#5D494B",
                "acento": "#33D8CC"
            }
        },
        "pares": [
            {
                "tipo": "protanopia",
                "par": "primario / secundario",
                "delta_e": 12.7,
                "estado": "justo"
            },
            {
                "tipo": "protanopia",
                "par": "primario / acento",
                "delta_e": 66,
                "estado": "ok"
            },
            {
                "tipo": "protanopia",
                "par": "secundario / acento",
                "delta_e": 53.4,
                "estado": "ok"
            },
            {
                "tipo": "deuteranopia",
                "par": "primario / secundario",
                "delta_e": 15.1,
                "estado": "justo"
            },
            {
                "tipo": "deuteranopia",
                "par": "primario / acento",
                "delta_e": 58.6,
                "estado": "ok"
            },
            {
                "tipo": "deuteranopia",
                "par": "secundario / acento",
                "delta_e": 44.4,
                "estado": "ok"
            },
            {
                "tipo": "tritanopia",
                "par": "primario / secundario",
                "delta_e": 15.6,
                "estado": "justo"
            },
            {
                "tipo": "tritanopia",
                "par": "primario / acento",
                "delta_e": 71.8,
                "estado": "ok"
            },
            {
                "tipo": "tritanopia",
                "par": "secundario / acento",
                "delta_e": 69.5,
                "estado": "ok"
            }
        ],
        "nota": "Los tres roles cromaticos se distinguen entre si en las tres simulaciones."
    },
    "css_variables": ":root{\n  --fondo:#161618;\n  --superficie:#232325;\n  --primario:#33313F;\n  --secundario:#5A4950;\n  --acento:#64D8AC;\n  --acento-suave:#ABEDD4;\n  --texto:#ECECEE;\n  --texto-muted:#A5A4AD;\n  --sobre-primario:#ECECEE;\n  --sobre-secundario:#ECECEE;\n  --sobre-acento:#232325;\n  --sobre-acento-suave:#232325;\n  --radius:16px;\n  --radius-control:10px;\n  --borde:1px solid rgba(255,255,255,0.10);\n  --sombra:0 6px 18px rgba(0,0,0,0.40);\n  --sombra-elevada:0 28px 70px rgba(0,0,0,0.55);\n  --blur:8px;\n  --saturacion:1.2;\n  --alpha-superficie:0.92;\n  --superficie-translucida:rgba(35,35,37,0.92);\n  --espaciado:1.15;\n  --transicion:0.3s cubic-bezier(.2,.7,.3,1);\n  --highlight:none;\n  --gradiente:linear-gradient(135deg, #7264D8, #D86491, #CBD864, #64D8AC);\n  --fondo-decorado:radial-gradient(120% 90% at 50% -10%, rgba(37,31,81,0.9) 0%, #161618 60%);\n  --fuente-display:'Audiowide', system-ui, sans-serif;\n  --fuente-cuerpo:'Titillium Web', system-ui, sans-serif;\n}",
    "rampas": {
        "primario": {
            "50": "#F7F7F8",
            "100": "#EFEFF1",
            "200": "#DCDBE1",
            "300": "#C3C2CC",
            "400": "#A19FB1",
            "500": "#827F99",
            "600": "#6B6883",
            "700": "#59576B",
            "800": "#474554",
            "900": "#34333D"
        },
        "secundario": {
            "50": "#F8F7F7",
            "100": "#F1EFEF",
            "200": "#E0DCDD",
            "300": "#CBC3C6",
            "400": "#B0A1A7",
            "500": "#97818A",
            "600": "#816A73",
            "700": "#6A585F",
            "800": "#53464B",
            "900": "#3C3437"
        },
        "acento": {
            "50": "#F5FAF8",
            "100": "#EAF5F1",
            "200": "#D1EBE1",
            "300": "#AEE0CD",
            "400": "#7CD5B3",
            "500": "#4ACE9C",
            "600": "#31B985",
            "700": "#2D956D",
            "800": "#277255",
            "900": "#1F513E"
        },
        "neutro": {
            "50": "#F7F7F8",
            "100": "#EFEFF0",
            "200": "#DDDDDF",
            "300": "#C5C4C9",
            "400": "#A5A4AD",
            "500": "#878693",
            "600": "#706F7C",
            "700": "#5D5C66",
            "800": "#4A4950",
            "900": "#36363B"
        }
    },
    "exports": {
        "scss": "// Paleta API v1.4.0 - seed VX-3387\n// Colores\n$fondo: #161618;\n$superficie: #232325;\n$primario: #33313F;\n$secundario: #5A4950;\n$acento: #64D8AC;\n$acento-suave: #ABEDD4;\n$texto: #ECECEE;\n$texto-muted: #A5A4AD;\n$sobre-primario: #ECECEE;\n$sobre-secundario: #ECECEE;\n$sobre-acento: #232325;\n$sobre-acento-suave: #232325;\n\n// Tipografia\n$fuente-display: 'Audiowide', system-ui, sans-serif;\n$fuente-cuerpo: 'Titillium Web', system-ui, sans-serif;\n\n// Tokens de estilo\n$radius: 16px;\n$radius-control: 10px;\n$borde: 1px solid rgba(255,255,255,0.10);\n$sombra: 0 6px 18px rgba(0,0,0,0.40);\n$sombra-elevada: 0 28px 70px rgba(0,0,0,0.55);\n$blur: 8px;\n$saturacion: 1.2;\n$alpha-superficie: 0.92;\n$superficie-translucida: rgba(35,35,37,0.92);\n$espaciado: 1.15;\n$transicion: 0.3s cubic-bezier(.2,.7,.3,1);\n$highlight: none;\n$gradiente: linear-gradient(135deg, #7264D8, #D86491, #CBD864, #64D8AC);\n$fondo-decorado: radial-gradient(120% 90% at 50% -10%, rgba(37,31,81,0.9) 0%, #161618 60%);\n\n// Rampas tonales\n$primario-50: #F7F7F8;\n$primario-100: #EFEFF1;\n$primario-200: #DCDBE1;\n$primario-300: #C3C2CC;\n$primario-400: #A19FB1;\n$primario-500: #827F99;\n$primario-600: #6B6883;\n$primario-700: #59576B;\n$primario-800: #474554;\n$primario-900: #34333D;\n$secundario-50: #F8F7F7;\n$secundario-100: #F1EFEF;\n$secundario-200: #E0DCDD;\n$secundario-300: #CBC3C6;\n$secundario-400: #B0A1A7;\n$secundario-500: #97818A;\n$secundario-600: #816A73;\n$secundario-700: #6A585F;\n$secundario-800: #53464B;\n$secundario-900: #3C3437;\n$acento-50: #F5FAF8;\n$acento-100: #EAF5F1;\n$acento-200: #D1EBE1;\n$acento-300: #AEE0CD;\n$acento-400: #7CD5B3;\n$acento-500: #4ACE9C;\n$acento-600: #31B985;\n$acento-700: #2D956D;\n$acento-800: #277255;\n$acento-900: #1F513E;\n$neutro-50: #F7F7F8;\n$neutro-100: #EFEFF0;\n$neutro-200: #DDDDDF;\n$neutro-300: #C5C4C9;\n$neutro-400: #A5A4AD;\n$neutro-500: #878693;\n$neutro-600: #706F7C;\n$neutro-700: #5D5C66;\n$neutro-800: #4A4950;\n$neutro-900: #36363B;",
        "tailwind": "/* Tailwind CSS v4: pegar en el CSS principal.\n   Para v3, copiar los hex a theme.extend.colors. */\n@theme {\n  --color-fondo: #161618;\n  --color-superficie: #232325;\n  --color-primario: #33313F;\n  --color-secundario: #5A4950;\n  --color-acento: #64D8AC;\n  --color-acento-suave: #ABEDD4;\n  --color-texto: #ECECEE;\n  --color-texto-muted: #A5A4AD;\n  --color-sobre-primario: #ECECEE;\n  --color-sobre-secundario: #ECECEE;\n  --color-sobre-acento: #232325;\n  --color-sobre-acento-suave: #232325;\n  --font-display: 'Audiowide', system-ui, sans-serif;\n  --font-cuerpo: 'Titillium Web', system-ui, sans-serif;\n  --color-primario-50: #F7F7F8;\n  --color-primario-100: #EFEFF1;\n  --color-primario-200: #DCDBE1;\n  --color-primario-300: #C3C2CC;\n  --color-primario-400: #A19FB1;\n  --color-primario-500: #827F99;\n  --color-primario-600: #6B6883;\n  --color-primario-700: #59576B;\n  --color-primario-800: #474554;\n  --color-primario-900: #34333D;\n  --color-secundario-50: #F8F7F7;\n  --color-secundario-100: #F1EFEF;\n  --color-secundario-200: #E0DCDD;\n  --color-secundario-300: #CBC3C6;\n  --color-secundario-400: #B0A1A7;\n  --color-secundario-500: #97818A;\n  --color-secundario-600: #816A73;\n  --color-secundario-700: #6A585F;\n  --color-secundario-800: #53464B;\n  --color-secundario-900: #3C3437;\n  --color-acento-50: #F5FAF8;\n  --color-acento-100: #EAF5F1;\n  --color-acento-200: #D1EBE1;\n  --color-acento-300: #AEE0CD;\n  --color-acento-400: #7CD5B3;\n  --color-acento-500: #4ACE9C;\n  --color-acento-600: #31B985;\n  --color-acento-700: #2D956D;\n  --color-acento-800: #277255;\n  --color-acento-900: #1F513E;\n  --color-neutro-50: #F7F7F8;\n  --color-neutro-100: #EFEFF0;\n  --color-neutro-200: #DDDDDF;\n  --color-neutro-300: #C5C4C9;\n  --color-neutro-400: #A5A4AD;\n  --color-neutro-500: #878693;\n  --color-neutro-600: #706F7C;\n  --color-neutro-700: #5D5C66;\n  --color-neutro-800: #4A4950;\n  --color-neutro-900: #36363B;\n  --radius-caja: 16px;\n  --radius-control: 10px;\n}",
        "tokens_w3c": {
            "color": {
                "$type": "color",
                "fondo": {
                    "$value": "#161618"
                },
                "superficie": {
                    "$value": "#232325"
                },
                "primario": {
                    "$value": "#33313F"
                },
                "secundario": {
                    "$value": "#5A4950"
                },
                "acento": {
                    "$value": "#64D8AC"
                },
                "acento_suave": {
                    "$value": "#ABEDD4"
                },
                "texto": {
                    "$value": "#ECECEE"
                },
                "texto_muted": {
                    "$value": "#A5A4AD"
                },
                "sobre_primario": {
                    "$value": "#ECECEE"
                },
                "sobre_secundario": {
                    "$value": "#ECECEE"
                },
                "sobre_acento": {
                    "$value": "#232325"
                },
                "sobre_acento_suave": {
                    "$value": "#232325"
                }
            },
            "rampa": {
                "$type": "color",
                "primario": {
                    "50": {
                        "$value": "#F7F7F8"
                    },
                    "100": {
                        "$value": "#EFEFF1"
                    },
                    "200": {
                        "$value": "#DCDBE1"
                    },
                    "300": {
                        "$value": "#C3C2CC"
                    },
                    "400": {
                        "$value": "#A19FB1"
                    },
                    "500": {
                        "$value": "#827F99"
                    },
                    "600": {
                        "$value": "#6B6883"
                    },
                    "700": {
                        "$value": "#59576B"
                    },
                    "800": {
                        "$value": "#474554"
                    },
                    "900": {
                        "$value": "#34333D"
                    }
                },
                "secundario": {
                    "50": {
                        "$value": "#F8F7F7"
                    },
                    "100": {
                        "$value": "#F1EFEF"
                    },
                    "200": {
                        "$value": "#E0DCDD"
                    },
                    "300": {
                        "$value": "#CBC3C6"
                    },
                    "400": {
                        "$value": "#B0A1A7"
                    },
                    "500": {
                        "$value": "#97818A"
                    },
                    "600": {
                        "$value": "#816A73"
                    },
                    "700": {
                        "$value": "#6A585F"
                    },
                    "800": {
                        "$value": "#53464B"
                    },
                    "900": {
                        "$value": "#3C3437"
                    }
                },
                "acento": {
                    "50": {
                        "$value": "#F5FAF8"
                    },
                    "100": {
                        "$value": "#EAF5F1"
                    },
                    "200": {
                        "$value": "#D1EBE1"
                    },
                    "300": {
                        "$value": "#AEE0CD"
                    },
                    "400": {
                        "$value": "#7CD5B3"
                    },
                    "500": {
                        "$value": "#4ACE9C"
                    },
                    "600": {
                        "$value": "#31B985"
                    },
                    "700": {
                        "$value": "#2D956D"
                    },
                    "800": {
                        "$value": "#277255"
                    },
                    "900": {
                        "$value": "#1F513E"
                    }
                },
                "neutro": {
                    "50": {
                        "$value": "#F7F7F8"
                    },
                    "100": {
                        "$value": "#EFEFF0"
                    },
                    "200": {
                        "$value": "#DDDDDF"
                    },
                    "300": {
                        "$value": "#C5C4C9"
                    },
                    "400": {
                        "$value": "#A5A4AD"
                    },
                    "500": {
                        "$value": "#878693"
                    },
                    "600": {
                        "$value": "#706F7C"
                    },
                    "700": {
                        "$value": "#5D5C66"
                    },
                    "800": {
                        "$value": "#4A4950"
                    },
                    "900": {
                        "$value": "#36363B"
                    }
                }
            },
            "fontFamily": {
                "$type": "fontFamily",
                "display": {
                    "$value": [
                        "Audiowide",
                        "system-ui",
                        "sans-serif"
                    ]
                },
                "cuerpo": {
                    "$value": [
                        "Titillium Web",
                        "system-ui",
                        "sans-serif"
                    ]
                }
            },
            "dimension": {
                "$type": "dimension",
                "radius": {
                    "$value": "16px"
                },
                "radius_control": {
                    "$value": "10px"
                },
                "blur": {
                    "$value": "8px"
                }
            }
        }
    },
    "uso": {
        "parametros": "seed, armonia (monocromatica|analoga|complementaria|split|triadica|tetradica), registro (profundo|claro|pastel|oscuro|desaturado|neobrutal), estilo (minimal|maximal|glass|liquid|clay|neobrutal|espacial|neumo|skeu|y2k|flat|aurora|ilustrativo|doodle), layout (classic|bento), modo (uno|par), nivel (aa|aaa), mood (pastel|vintage|neon|calido|frio|otono|invierno|primavera|verano|naturaleza|cafe|atardecer|mar|dorado), hue (0-359), marca (RRGGBB), lote (2-24), imagen (1), pretty (1|0), ajuste_aa (1|0), excluir (hues CSV)",
        "ejemplo": "?seed=VX-2741&estilo=glass&layout=bento&modo=par",
        "docs": "docs.html · openapi.json · README.md (mismo directorio)"
    }
}