{
    "ok": true,
    "meta": {
        "seed": "VX-3494",
        "armonia": "triadica",
        "registro": "oscuro",
        "estilo": "liquid",
        "layout": "classic",
        "modo": "uno",
        "nivel": "aa",
        "mood": null,
        "tema_principal": "oscuro",
        "hue_base": 217,
        "hues": [
            217,
            337,
            97
        ],
        "excluidos": [],
        "nota": null,
        "regla": "60-30-10: primario domina, secundario apoya, acento puntua",
        "version": "1.7.0",
        "generado_en": "2026-07-28T12:06:25+00:00"
    },
    "colores": {
        "fondo": "#161718",
        "superficie": "#232425",
        "primario": "#31373F",
        "secundario": "#5A4950",
        "acento": "#91D864",
        "acento_suave": "#C4EDAB",
        "texto": "#ECEDEE",
        "texto_muted": "#A4A7AD",
        "sobre_primario": "#ECEDEE",
        "sobre_secundario": "#ECEDEE",
        "sobre_acento": "#232425",
        "sobre_acento_suave": "#232425"
    },
    "wcag": [
        {
            "par": "texto / fondo",
            "ratio": 15.31,
            "objetivo": 4.5,
            "aa": true,
            "aa_grande": true
        },
        {
            "par": "texto / superficie",
            "ratio": 13.27,
            "objetivo": 4.5,
            "aa": true,
            "aa_grande": true
        },
        {
            "par": "texto_muted / fondo",
            "ratio": 7.44,
            "objetivo": 4.5,
            "aa": true,
            "aa_grande": true
        },
        {
            "par": "acento / fondo",
            "ratio": 10.44,
            "objetivo": 4.5,
            "aa": true,
            "aa_grande": true
        }
    ],
    "ajustes_aa": [],
    "estilo": {
        "nombre": "liquid",
        "layout": "classic",
        "registros_recomendados": [
            "oscuro",
            "profundo"
        ],
        "tokens": {
            "radius": "26px",
            "radius_control": "18px",
            "borde": "1px solid rgba(255,255,255,0.28)",
            "sombra": "inset 0 1px 0 rgba(255,255,255,0.35), 0 16px 50px rgba(0,0,0,0.35)",
            "sombra_elevada": "inset 0 1px 0 rgba(255,255,255,0.40), 0 24px 70px rgba(0,0,0,0.42)",
            "blur": "26px",
            "saturacion": "1.8",
            "alpha_superficie": 0.45,
            "superficie_translucida": "rgba(35,36,37,0.45)",
            "espaciado": "1",
            "transicion": "0.25s cubic-bezier(.2,.7,.3,1)",
            "highlight": "linear-gradient(180deg, rgba(255,255,255,0.30) 0%, rgba(255,255,255,0.06) 45%, rgba(255,255,255,0) 60%)",
            "gradiente": "linear-gradient(135deg, #6491D8, #D86491, #91D864)",
            "fondo_decorado": "radial-gradient(60% 75% at 10% 5%, rgba(208,37,102,0.65) 0%, transparent 60%), radial-gradient(55% 70% at 90% 90%, rgba(111,224,41,0.55) 0%, transparent 55%), radial-gradient(45% 60% at 75% 12%, rgba(37,91,177,0.4) 0%, transparent 50%), #161718"
        }
    },
    "tipografia": {
        "display": {
            "familia": "Sora",
            "pesos": [
                600,
                700
            ],
            "fallback": "system-ui, sans-serif"
        },
        "cuerpo": {
            "familia": "Manrope",
            "pesos": [
                400,
                600
            ],
            "fallback": "system-ui, sans-serif"
        },
        "google_fonts_url": "https://fonts.googleapis.com/css2?family=Sora:wght@600;700&family=Manrope:wght@400;600&display=swap"
    },
    "daltonismo": {
        "simulaciones": {
            "protanopia": {
                "primario": "#34373F",
                "secundario": "#4A4C50",
                "acento": "#DFC959"
            },
            "deuteranopia": {
                "primario": "#33363F",
                "secundario": "#4E4F50",
                "acento": "#D5C36C"
            },
            "tritanopia": {
                "primario": "#2D393A",
                "secundario": "#5D494B",
                "acento": "#90D1BE"
            }
        },
        "pares": [
            {
                "tipo": "protanopia",
                "par": "primario / secundario",
                "delta_e": 9.6,
                "estado": "riesgo"
            },
            {
                "tipo": "protanopia",
                "par": "primario / acento",
                "delta_e": 85.6,
                "estado": "ok"
            },
            {
                "tipo": "protanopia",
                "par": "secundario / acento",
                "delta_e": 77.5,
                "estado": "ok"
            },
            {
                "tipo": "deuteranopia",
                "par": "primario / secundario",
                "delta_e": 12.2,
                "estado": "justo"
            },
            {
                "tipo": "deuteranopia",
                "par": "primario / acento",
                "delta_e": 76.4,
                "estado": "ok"
            },
            {
                "tipo": "deuteranopia",
                "par": "secundario / acento",
                "delta_e": 64.9,
                "estado": "ok"
            },
            {
                "tipo": "tritanopia",
                "par": "primario / secundario",
                "delta_e": 17.5,
                "estado": "justo"
            },
            {
                "tipo": "tritanopia",
                "par": "primario / acento",
                "delta_e": 59.9,
                "estado": "ok"
            },
            {
                "tipo": "tritanopia",
                "par": "secundario / acento",
                "delta_e": 57,
                "estado": "ok"
            }
        ],
        "nota": "1 par(es) en riesgo de confusion; considera otra armonia o mas separacion de luminosidad."
    },
    "css_variables": ":root{\n  --fondo:#161718;\n  --superficie:#232425;\n  --primario:#31373F;\n  --secundario:#5A4950;\n  --acento:#91D864;\n  --acento-suave:#C4EDAB;\n  --texto:#ECEDEE;\n  --texto-muted:#A4A7AD;\n  --sobre-primario:#ECEDEE;\n  --sobre-secundario:#ECEDEE;\n  --sobre-acento:#232425;\n  --sobre-acento-suave:#232425;\n  --radius:26px;\n  --radius-control:18px;\n  --borde:1px solid rgba(255,255,255,0.28);\n  --sombra:inset 0 1px 0 rgba(255,255,255,0.35), 0 16px 50px rgba(0,0,0,0.35);\n  --sombra-elevada:inset 0 1px 0 rgba(255,255,255,0.40), 0 24px 70px rgba(0,0,0,0.42);\n  --blur:26px;\n  --saturacion:1.8;\n  --alpha-superficie:0.45;\n  --superficie-translucida:rgba(35,36,37,0.45);\n  --espaciado:1;\n  --transicion:0.25s cubic-bezier(.2,.7,.3,1);\n  --highlight:linear-gradient(180deg, rgba(255,255,255,0.30) 0%, rgba(255,255,255,0.06) 45%, rgba(255,255,255,0) 60%);\n  --gradiente:linear-gradient(135deg, #6491D8, #D86491, #91D864);\n  --fondo-decorado:radial-gradient(60% 75% at 10% 5%, rgba(208,37,102,0.65) 0%, transparent 60%), radial-gradient(55% 70% at 90% 90%, rgba(111,224,41,0.55) 0%, transparent 55%), radial-gradient(45% 60% at 75% 12%, rgba(37,91,177,0.4) 0%, transparent 50%), #161718;\n  --fuente-display:'Sora', system-ui, sans-serif;\n  --fuente-cuerpo:'Manrope', system-ui, sans-serif;\n}",
    "rampas": {
        "primario": {
            "50": "#F7F7F8",
            "100": "#EFEFF1",
            "200": "#DBDDE1",
            "300": "#C2C6CC",
            "400": "#9FA6B1",
            "500": "#7F8999",
            "600": "#687283",
            "700": "#575E6B",
            "800": "#454B54",
            "900": "#33373D"
        },
        "secundario": {
            "50": "#F8F7F7",
            "100": "#F1EFEF",
            "200": "#E0DCDD",
            "300": "#CBC3C6",
            "400": "#B0A1A7",
            "500": "#97818A",
            "600": "#816A73",
            "700": "#6A585F",
            "800": "#53464B",
            "900": "#3C3437"
        },
        "acento": {
            "50": "#F7FAF5",
            "100": "#EEF5EA",
            "200": "#DBEBD1",
            "300": "#C1E0AE",
            "400": "#9ED57C",
            "500": "#7DCE4A",
            "600": "#65B931",
            "700": "#55952D",
            "800": "#447227",
            "900": "#32511F"
        },
        "neutro": {
            "50": "#F7F7F8",
            "100": "#EFF0F0",
            "200": "#DDDEDF",
            "300": "#C4C6C9",
            "400": "#A4A7AD",
            "500": "#868B93",
            "600": "#6F747C",
            "700": "#5C6066",
            "800": "#494C50",
            "900": "#36383B"
        }
    },
    "exports": {
        "scss": "// Paleta API v1.4.0 - seed VX-3494\n// Colores\n$fondo: #161718;\n$superficie: #232425;\n$primario: #31373F;\n$secundario: #5A4950;\n$acento: #91D864;\n$acento-suave: #C4EDAB;\n$texto: #ECEDEE;\n$texto-muted: #A4A7AD;\n$sobre-primario: #ECEDEE;\n$sobre-secundario: #ECEDEE;\n$sobre-acento: #232425;\n$sobre-acento-suave: #232425;\n\n// Tipografia\n$fuente-display: 'Sora', system-ui, sans-serif;\n$fuente-cuerpo: 'Manrope', system-ui, sans-serif;\n\n// Tokens de estilo\n$radius: 26px;\n$radius-control: 18px;\n$borde: 1px solid rgba(255,255,255,0.28);\n$sombra: inset 0 1px 0 rgba(255,255,255,0.35), 0 16px 50px rgba(0,0,0,0.35);\n$sombra-elevada: inset 0 1px 0 rgba(255,255,255,0.40), 0 24px 70px rgba(0,0,0,0.42);\n$blur: 26px;\n$saturacion: 1.8;\n$alpha-superficie: 0.45;\n$superficie-translucida: rgba(35,36,37,0.45);\n$espaciado: 1;\n$transicion: 0.25s cubic-bezier(.2,.7,.3,1);\n$highlight: linear-gradient(180deg, rgba(255,255,255,0.30) 0%, rgba(255,255,255,0.06) 45%, rgba(255,255,255,0) 60%);\n$gradiente: linear-gradient(135deg, #6491D8, #D86491, #91D864);\n$fondo-decorado: radial-gradient(60% 75% at 10% 5%, rgba(208,37,102,0.65) 0%, transparent 60%), radial-gradient(55% 70% at 90% 90%, rgba(111,224,41,0.55) 0%, transparent 55%), radial-gradient(45% 60% at 75% 12%, rgba(37,91,177,0.4) 0%, transparent 50%), #161718;\n\n// Rampas tonales\n$primario-50: #F7F7F8;\n$primario-100: #EFEFF1;\n$primario-200: #DBDDE1;\n$primario-300: #C2C6CC;\n$primario-400: #9FA6B1;\n$primario-500: #7F8999;\n$primario-600: #687283;\n$primario-700: #575E6B;\n$primario-800: #454B54;\n$primario-900: #33373D;\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: #F7FAF5;\n$acento-100: #EEF5EA;\n$acento-200: #DBEBD1;\n$acento-300: #C1E0AE;\n$acento-400: #9ED57C;\n$acento-500: #7DCE4A;\n$acento-600: #65B931;\n$acento-700: #55952D;\n$acento-800: #447227;\n$acento-900: #32511F;\n$neutro-50: #F7F7F8;\n$neutro-100: #EFF0F0;\n$neutro-200: #DDDEDF;\n$neutro-300: #C4C6C9;\n$neutro-400: #A4A7AD;\n$neutro-500: #868B93;\n$neutro-600: #6F747C;\n$neutro-700: #5C6066;\n$neutro-800: #494C50;\n$neutro-900: #36383B;",
        "tailwind": "/* Tailwind CSS v4: pegar en el CSS principal.\n   Para v3, copiar los hex a theme.extend.colors. */\n@theme {\n  --color-fondo: #161718;\n  --color-superficie: #232425;\n  --color-primario: #31373F;\n  --color-secundario: #5A4950;\n  --color-acento: #91D864;\n  --color-acento-suave: #C4EDAB;\n  --color-texto: #ECEDEE;\n  --color-texto-muted: #A4A7AD;\n  --color-sobre-primario: #ECEDEE;\n  --color-sobre-secundario: #ECEDEE;\n  --color-sobre-acento: #232425;\n  --color-sobre-acento-suave: #232425;\n  --font-display: 'Sora', system-ui, sans-serif;\n  --font-cuerpo: 'Manrope', system-ui, sans-serif;\n  --color-primario-50: #F7F7F8;\n  --color-primario-100: #EFEFF1;\n  --color-primario-200: #DBDDE1;\n  --color-primario-300: #C2C6CC;\n  --color-primario-400: #9FA6B1;\n  --color-primario-500: #7F8999;\n  --color-primario-600: #687283;\n  --color-primario-700: #575E6B;\n  --color-primario-800: #454B54;\n  --color-primario-900: #33373D;\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: #F7FAF5;\n  --color-acento-100: #EEF5EA;\n  --color-acento-200: #DBEBD1;\n  --color-acento-300: #C1E0AE;\n  --color-acento-400: #9ED57C;\n  --color-acento-500: #7DCE4A;\n  --color-acento-600: #65B931;\n  --color-acento-700: #55952D;\n  --color-acento-800: #447227;\n  --color-acento-900: #32511F;\n  --color-neutro-50: #F7F7F8;\n  --color-neutro-100: #EFF0F0;\n  --color-neutro-200: #DDDEDF;\n  --color-neutro-300: #C4C6C9;\n  --color-neutro-400: #A4A7AD;\n  --color-neutro-500: #868B93;\n  --color-neutro-600: #6F747C;\n  --color-neutro-700: #5C6066;\n  --color-neutro-800: #494C50;\n  --color-neutro-900: #36383B;\n  --radius-caja: 26px;\n  --radius-control: 18px;\n}",
        "tokens_w3c": {
            "color": {
                "$type": "color",
                "fondo": {
                    "$value": "#161718"
                },
                "superficie": {
                    "$value": "#232425"
                },
                "primario": {
                    "$value": "#31373F"
                },
                "secundario": {
                    "$value": "#5A4950"
                },
                "acento": {
                    "$value": "#91D864"
                },
                "acento_suave": {
                    "$value": "#C4EDAB"
                },
                "texto": {
                    "$value": "#ECEDEE"
                },
                "texto_muted": {
                    "$value": "#A4A7AD"
                },
                "sobre_primario": {
                    "$value": "#ECEDEE"
                },
                "sobre_secundario": {
                    "$value": "#ECEDEE"
                },
                "sobre_acento": {
                    "$value": "#232425"
                },
                "sobre_acento_suave": {
                    "$value": "#232425"
                }
            },
            "rampa": {
                "$type": "color",
                "primario": {
                    "50": {
                        "$value": "#F7F7F8"
                    },
                    "100": {
                        "$value": "#EFEFF1"
                    },
                    "200": {
                        "$value": "#DBDDE1"
                    },
                    "300": {
                        "$value": "#C2C6CC"
                    },
                    "400": {
                        "$value": "#9FA6B1"
                    },
                    "500": {
                        "$value": "#7F8999"
                    },
                    "600": {
                        "$value": "#687283"
                    },
                    "700": {
                        "$value": "#575E6B"
                    },
                    "800": {
                        "$value": "#454B54"
                    },
                    "900": {
                        "$value": "#33373D"
                    }
                },
                "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": "#F7FAF5"
                    },
                    "100": {
                        "$value": "#EEF5EA"
                    },
                    "200": {
                        "$value": "#DBEBD1"
                    },
                    "300": {
                        "$value": "#C1E0AE"
                    },
                    "400": {
                        "$value": "#9ED57C"
                    },
                    "500": {
                        "$value": "#7DCE4A"
                    },
                    "600": {
                        "$value": "#65B931"
                    },
                    "700": {
                        "$value": "#55952D"
                    },
                    "800": {
                        "$value": "#447227"
                    },
                    "900": {
                        "$value": "#32511F"
                    }
                },
                "neutro": {
                    "50": {
                        "$value": "#F7F7F8"
                    },
                    "100": {
                        "$value": "#EFF0F0"
                    },
                    "200": {
                        "$value": "#DDDEDF"
                    },
                    "300": {
                        "$value": "#C4C6C9"
                    },
                    "400": {
                        "$value": "#A4A7AD"
                    },
                    "500": {
                        "$value": "#868B93"
                    },
                    "600": {
                        "$value": "#6F747C"
                    },
                    "700": {
                        "$value": "#5C6066"
                    },
                    "800": {
                        "$value": "#494C50"
                    },
                    "900": {
                        "$value": "#36383B"
                    }
                }
            },
            "fontFamily": {
                "$type": "fontFamily",
                "display": {
                    "$value": [
                        "Sora",
                        "system-ui",
                        "sans-serif"
                    ]
                },
                "cuerpo": {
                    "$value": [
                        "Manrope",
                        "system-ui",
                        "sans-serif"
                    ]
                }
            },
            "dimension": {
                "$type": "dimension",
                "radius": {
                    "$value": "26px"
                },
                "radius_control": {
                    "$value": "18px"
                },
                "blur": {
                    "$value": "26px"
                }
            }
        }
    },
    "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)"
    }
}