{
  "$description": "Trevol · tokens de color · versión 2.0.0 · sistema final de la fase 03 v2 (10 de octubre de 2026). Fuente de verdad: trevol-colores.css y paleta.svg se generan desde este archivo con 03-sistema/v2/sintesis-paleta-tokens.py.",
  "$extensions": {
    "trevol": {
      "version": "2.0.0",
      "formato": "Design Tokens Community Group, versión 2025.10: color como objeto sRGB con hex de respaldo; referencias entre llaves.",
      "temas": [
        "claro",
        "oscuro",
        "claro-mas-contraste",
        "oscuro-mas-contraste"
      ],
      "cambios": [
        "1.1.0 (10 de octubre de 2026): grupo ilustracion con los seis tonos de piel de la ilustración."
      ],
      "equivalencias-v1.1": [
        {
          "v1.1": {
            "nombre": "Verde Trevol (verde-800)",
            "css": "--trevol-verde / --trevol-verde-800",
            "hex": "#09523A"
          },
          "v2": [
            {
              "uso": "Logotipo, ícono, favicon, bloques de marca",
              "hex": "#179B08",
              "token": "--trevol-marca"
            },
            {
              "uso": "Botón primario, indicador",
              "hex": "#118305",
              "token": "--trevol-verde"
            },
            {
              "uso": "Enlaces",
              "hex": "#056DB5",
              "token": "--trevol-azul"
            },
            {
              "uso": "Fila seleccionada",
              "hex": "#07550C",
              "token": "--trevol-selva"
            }
          ],
          "nota": "Se reemplaza según el uso."
        },
        {
          "v1.1": {
            "nombre": "Verde profundo (verde-950)",
            "css": "--trevol-verde-profundo / --trevol-verde-950",
            "hex": "#09251A"
          },
          "v2": [
            {
              "uso": "Superficies oscuras de marca, ícono oscuro",
              "hex": "#07550C",
              "token": "--trevol-selva"
            },
            {
              "uso": "Botón presionado",
              "hex": "#0E6506",
              "token": "--trevol-verde-presionado"
            }
          ],
          "nota": ""
        },
        {
          "v1.1": {
            "nombre": "verde-900",
            "css": "--trevol-verde-900",
            "hex": "#093B2A"
          },
          "v2": [
            {
              "uso": "Hover del botón",
              "hex": "#117208",
              "token": "--trevol-verde-hover"
            },
            {
              "uso": "Acción del claro con más contraste",
              "hex": "#0E6506",
              "token": "--trevol-verde-presionado"
            }
          ],
          "nota": ""
        },
        {
          "v1.1": {
            "nombre": "verde-850 (trama sobre verde)",
            "css": "--trevol-verde-850",
            "hex": "#094632"
          },
          "v2": [
            {
              "uso": "Trama sobre Verde Trevol",
              "hex": "#0F8F00",
              "token": "--trevol-motivo-trama-sobre-verde"
            },
            {
              "uso": "Trama sobre Selva",
              "hex": "#126115",
              "token": "--trevol-motivo-trama-sobre-selva"
            }
          ],
          "nota": ""
        },
        {
          "v1.1": {
            "nombre": "verde-700 (foco en claro)",
            "css": "--trevol-verde-700",
            "hex": "#11694C"
          },
          "v2": [
            {
              "uso": "Anillo de foco",
              "hex": "#056DB5",
              "token": "--trevol-azul"
            }
          ],
          "nota": ""
        },
        {
          "v1.1": {
            "nombre": "verde-600 (gráficos, serie 2)",
            "css": "--trevol-verde-600",
            "hex": "#1F805E"
          },
          "v2": [
            {
              "uso": "Segunda serie de un gráfico",
              "hex": "#056DB5",
              "token": "--trevol-azul"
            }
          ],
          "nota": ""
        },
        {
          "v1.1": {
            "nombre": "verde-500 (gráficos)",
            "css": "--trevol-verde-500",
            "hex": "#369974"
          },
          "v2": [
            {
              "uso": "Serie única de un gráfico",
              "hex": "#118305",
              "token": "--trevol-verde"
            }
          ],
          "nota": ""
        },
        {
          "v1.1": {
            "nombre": "verde-400 (foco, indicador y presionado en oscuro)",
            "css": "--trevol-verde-400",
            "hex": "#5CB893"
          },
          "v2": [
            {
              "uso": "Foco en oscuro",
              "hex": "#4DABFD",
              "token": "--trevol-azul-claro"
            },
            {
              "uso": "Indicador en oscuro",
              "hex": "#65E468",
              "token": "--trevol-chispa"
            },
            {
              "uso": "Presionado en oscuro",
              "hex": "#53D358",
              "token": "--trevol-chispa-presionado"
            }
          ],
          "nota": ""
        },
        {
          "v1.1": {
            "nombre": "verde-300 (botón y enlaces en oscuro)",
            "css": "--trevol-verde-300",
            "hex": "#87D6B4"
          },
          "v2": [
            {
              "uso": "Botón en oscuro (texto Grafito)",
              "hex": "#65E468",
              "token": "--trevol-chispa"
            },
            {
              "uso": "Enlaces en oscuro",
              "hex": "#4DABFD",
              "token": "--trevol-azul-claro"
            }
          ],
          "nota": ""
        },
        {
          "v1.1": {
            "nombre": "Brote (verde-200)",
            "css": "--trevol-brote / --trevol-verde-200",
            "hex": "#B3EBD1"
          },
          "v2": [
            {
              "uso": "Trébol sobre verde o Selva, letras del negativo",
              "hex": "#FFFFFF",
              "token": "--trevol-blanco"
            },
            {
              "uso": "Acento sobre fondo oscuro",
              "hex": "#65E468",
              "token": "--trevol-chispa"
            },
            {
              "uso": "Foco sobre marca",
              "hex": "#FFFFFF",
              "token": "--trevol-blanco"
            }
          ],
          "nota": "Se elimina (pastel)."
        },
        {
          "v1.1": {
            "nombre": "verde-100 (tinte de marca)",
            "css": "--trevol-verde-100",
            "hex": "#D8F5E7"
          },
          "v2": [
            {
              "uso": "Panel o fondo de marca claro",
              "hex": "#F4F5F8",
              "token": "--trevol-niebla"
            },
            {
              "uso": "Trama sobre fondo claro",
              "hex": "#E9ECEF",
              "token": "--trevol-bruma"
            }
          ],
          "nota": "Se elimina (pastel). Un plan destacado lleva borde Verde acción sobre Blanco."
        },
        {
          "v1.1": {
            "nombre": "verde-50 (tinte sutil)",
            "css": "--trevol-verde-50",
            "hex": "#EDFAF4"
          },
          "v2": [
            {
              "uso": "Fondo",
              "hex": "#F4F5F8",
              "token": "--trevol-niebla"
            }
          ],
          "nota": "Se elimina (pastel)."
        },
        {
          "v1.1": {
            "nombre": "Papel",
            "css": "--trevol-papel",
            "hex": "#F9F5EB"
          },
          "v2": [
            {
              "uso": "Fondo de página, cromo y fila alterna",
              "hex": "#F4F5F8",
              "token": "--trevol-niebla"
            },
            {
              "uso": "Texto y logotipo sobre verde",
              "hex": "#FFFFFF",
              "token": "--trevol-blanco"
            },
            {
              "uso": "Texto principal en oscuro",
              "hex": "#F4F5F8",
              "token": "--trevol-niebla"
            }
          ],
          "nota": "Se elimina (crema)."
        },
        {
          "v1.1": {
            "nombre": "Durazno",
            "css": "--trevol-durazno",
            "hex": "#F3C7B1"
          },
          "v2": [
            {
              "uso": "Sin reemplazo: fondos editoriales en Niebla o Blanco; acentos en Verde Trevol",
              "hex": "#F4F5F8",
              "token": "--trevol-niebla"
            }
          ],
          "nota": "Se elimina (pastel). No hay secundario cálido."
        },
        {
          "v1.1": {
            "nombre": "Tinta",
            "css": "--trevol-tinta",
            "hex": "#16231C"
          },
          "v2": [
            {
              "uso": "Texto principal, cifras y logotipo a una tinta",
              "hex": "#24272B",
              "token": "--trevol-grafito"
            }
          ],
          "nota": ""
        },
        {
          "v1.1": {
            "nombre": "Blanco",
            "css": "--trevol-blanco",
            "hex": "#FFFFFF"
          },
          "v2": [
            {
              "uso": "Sin cambio",
              "hex": "#FFFFFF",
              "token": "--trevol-blanco"
            }
          ],
          "nota": ""
        },
        {
          "v1.1": {
            "nombre": "piedra-100",
            "css": "--trevol-piedra-100",
            "hex": "#EEEDE7"
          },
          "v2": [
            {
              "uso": "Fondos alternos de marca",
              "hex": "#F4F5F8",
              "token": "--trevol-niebla"
            },
            {
              "uso": "Fondo de la pastilla neutra",
              "hex": "#FFFFFF",
              "token": "--trevol-blanco"
            }
          ],
          "nota": ""
        },
        {
          "v1.1": {
            "nombre": "piedra-200",
            "css": "--trevol-piedra-200",
            "hex": "#E1E0D9"
          },
          "v2": [
            {
              "uso": "Cuadrícula de tablas, selección sin foco, bajo la página",
              "hex": "#E9ECEF",
              "token": "--trevol-bruma"
            },
            {
              "uso": "Estado neutro en oscuro",
              "hex": "#B3B8BF",
              "token": "--trevol-noche-200"
            }
          ],
          "nota": ""
        },
        {
          "v1.1": {
            "nombre": "piedra-300",
            "css": "--trevol-piedra-300",
            "hex": "#CBC9C2"
          },
          "v2": [
            {
              "uso": "Separadores y bordes de tarjeta",
              "hex": "#D4D7DC",
              "token": "--trevol-plata"
            },
            {
              "uso": "Texto secundario en oscuro",
              "hex": "#B3B8BF",
              "token": "--trevol-noche-200"
            }
          ],
          "nota": ""
        },
        {
          "v1.1": {
            "nombre": "piedra-400",
            "css": "--trevol-piedra-400",
            "hex": "#ABA9A2"
          },
          "v2": [
            {
              "uso": "Deshabilitado en claro",
              "hex": "#7C818A",
              "token": "--trevol-acero"
            },
            {
              "uso": "Texto terciario en oscuro",
              "hex": "#9EA3AB",
              "token": "--trevol-noche-300"
            }
          ],
          "nota": ""
        },
        {
          "v1.1": {
            "nombre": "piedra-500",
            "css": "--trevol-piedra-500",
            "hex": "#85837C"
          },
          "v2": [
            {
              "uso": "Borde de campos y botón secundario",
              "hex": "#7C818A",
              "token": "--trevol-acero"
            }
          ],
          "nota": ""
        },
        {
          "v1.1": {
            "nombre": "piedra-600",
            "css": "--trevol-piedra-600",
            "hex": "#66655E"
          },
          "v2": [
            {
              "uso": "Texto terciario, marcador, estado neutro",
              "hex": "#5A5F67",
              "token": "--trevol-pizarra"
            }
          ],
          "nota": ""
        },
        {
          "v1.1": {
            "nombre": "piedra-700",
            "css": "--trevol-piedra-700",
            "hex": "#4F4D47"
          },
          "v2": [
            {
              "uso": "Texto secundario, encabezados",
              "hex": "#5A5F67",
              "token": "--trevol-pizarra"
            }
          ],
          "nota": ""
        },
        {
          "v1.1": {
            "nombre": "piedra-800",
            "css": "--trevol-piedra-800",
            "hex": "#3A3832"
          },
          "v2": [
            {
              "uso": "Secundario del claro con más contraste",
              "hex": "#3B3F47",
              "token": "--trevol-pizarra-profunda"
            }
          ],
          "nota": ""
        },
        {
          "v1.1": {
            "nombre": "noche-950",
            "css": "--trevol-noche-950",
            "hex": "#121814"
          },
          "v2": [
            {
              "uso": "Ventana en oscuro",
              "hex": "#101214",
              "token": "--trevol-noche-950"
            }
          ],
          "nota": "Mismo nombre, valor frío."
        },
        {
          "v1.1": {
            "nombre": "noche-900",
            "css": "--trevol-noche-900",
            "hex": "#181E1A"
          },
          "v2": [
            {
              "uso": "Contenido en oscuro",
              "hex": "#17191C",
              "token": "--trevol-noche-900"
            }
          ],
          "nota": "Mismo nombre, valor frío."
        },
        {
          "v1.1": {
            "nombre": "noche-850",
            "css": "--trevol-noche-850",
            "hex": "#1F2521"
          },
          "v2": [
            {
              "uso": "Fila alterna y paneles en oscuro",
              "hex": "#1E2023",
              "token": "--trevol-noche-850"
            }
          ],
          "nota": "Mismo nombre, valor frío."
        },
        {
          "v1.1": {
            "nombre": "noche-800",
            "css": "--trevol-noche-800",
            "hex": "#262C28"
          },
          "v2": [
            {
              "uso": "Menús y popovers en oscuro",
              "hex": "#242629",
              "token": "--trevol-noche-800"
            }
          ],
          "nota": "Mismo nombre, valor frío."
        },
        {
          "v1.1": {
            "nombre": "noche-700",
            "css": "--trevol-noche-700",
            "hex": "#383F3B"
          },
          "v2": [
            {
              "uso": "Separadores y selección sin foco en oscuro",
              "hex": "#34373B",
              "token": "--trevol-noche-700"
            }
          ],
          "nota": "Mismo nombre, valor frío."
        },
        {
          "v1.1": {
            "nombre": "noche-500",
            "css": "--trevol-noche-500",
            "hex": "#707672"
          },
          "v2": [
            {
              "uso": "Bordes de control en oscuro",
              "hex": "#777C83",
              "token": "--trevol-noche-500"
            }
          ],
          "nota": "Mismo nombre, valor frío."
        },
        {
          "v1.1": {
            "nombre": "Éxito",
            "css": "--trevol-exito",
            "hex": "#486E35"
          },
          "v2": [
            {
              "uso": "Texto e ícono de éxito",
              "hex": "#117208",
              "token": "--trevol-exito → --trevol-verde-hover"
            }
          ],
          "nota": ""
        },
        {
          "v1.1": {
            "nombre": "Éxito · fondo",
            "css": "--trevol-exito-fondo",
            "hex": "#EAF7DB"
          },
          "v2": [
            {
              "uso": "Sin fondo: superficie",
              "hex": "#FFFFFF",
              "token": "--color-exito-fondo"
            }
          ],
          "nota": "Se elimina el tinte."
        },
        {
          "v1.1": {
            "nombre": "Éxito · oscuro",
            "css": "--trevol-exito-oscuro",
            "hex": "#B7F1A3"
          },
          "v2": [
            {
              "uso": "Éxito en oscuro",
              "hex": "#65E468",
              "token": "--trevol-exito-oscuro → --trevol-chispa"
            }
          ],
          "nota": ""
        },
        {
          "v1.1": {
            "nombre": "Éxito · fondo oscuro",
            "css": "--trevol-exito-fondo-oscuro",
            "hex": "#21341A"
          },
          "v2": [
            {
              "uso": "Sin fondo: superficie oscura",
              "hex": "#17191C",
              "token": "--color-exito-fondo"
            }
          ],
          "nota": "Se elimina el tinte."
        },
        {
          "v1.1": {
            "nombre": "Éxito · más contraste",
            "css": "--trevol-exito-mas-contraste",
            "hex": "#2D5219"
          },
          "v2": [
            {
              "uso": "Éxito en claro con más contraste",
              "hex": "#0E6506",
              "token": "--trevol-exito-mas-contraste"
            }
          ],
          "nota": ""
        },
        {
          "v1.1": {
            "nombre": "Aviso",
            "css": "--trevol-aviso",
            "hex": "#7A4900"
          },
          "v2": [
            {
              "uso": "Texto e ícono de aviso",
              "hex": "#AB4F01",
              "token": "--trevol-aviso → --trevol-mandarina"
            }
          ],
          "nota": ""
        },
        {
          "v1.1": {
            "nombre": "Aviso · fondo",
            "css": "--trevol-aviso-fondo",
            "hex": "#FBECC7"
          },
          "v2": [
            {
              "uso": "Sin fondo: superficie",
              "hex": "#FFFFFF",
              "token": "--color-aviso-fondo"
            }
          ],
          "nota": "Se elimina el tinte."
        },
        {
          "v1.1": {
            "nombre": "Aviso · oscuro",
            "css": "--trevol-aviso-oscuro",
            "hex": "#E0AF3B"
          },
          "v2": [
            {
              "uso": "Aviso en oscuro",
              "hex": "#FE8612",
              "token": "--trevol-aviso-oscuro → --trevol-mandarina-clara"
            }
          ],
          "nota": ""
        },
        {
          "v1.1": {
            "nombre": "Aviso · fondo oscuro",
            "css": "--trevol-aviso-fondo-oscuro",
            "hex": "#392C0C"
          },
          "v2": [
            {
              "uso": "Sin fondo: superficie oscura",
              "hex": "#17191C",
              "token": "--color-aviso-fondo"
            }
          ],
          "nota": "Se elimina el tinte."
        },
        {
          "v1.1": {
            "nombre": "Aviso · más contraste",
            "css": "--trevol-aviso-mas-contraste",
            "hex": "#693F04"
          },
          "v2": [
            {
              "uso": "Aviso en claro con más contraste",
              "hex": "#904204",
              "token": "--trevol-aviso-mas-contraste → --trevol-mandarina-profunda"
            }
          ],
          "nota": ""
        },
        {
          "v1.1": {
            "nombre": "Aviso · oscuro más contraste",
            "css": "--trevol-aviso-oscuro-mas-contraste",
            "hex": "#EEBD4B"
          },
          "v2": [
            {
              "uso": "Aviso en oscuro con más contraste",
              "hex": "#FE8612",
              "token": "--trevol-aviso-oscuro-mas-contraste"
            }
          ],
          "nota": ""
        },
        {
          "v1.1": {
            "nombre": "Error",
            "css": "--trevol-error",
            "hex": "#7B2436"
          },
          "v2": [
            {
              "uso": "Error e importes negativos",
              "hex": "#9F010D",
              "token": "--trevol-error → --trevol-aji"
            }
          ],
          "nota": ""
        },
        {
          "v1.1": {
            "nombre": "Error · fondo",
            "css": "--trevol-error-fondo",
            "hex": "#FCE9EB"
          },
          "v2": [
            {
              "uso": "Sin fondo: superficie",
              "hex": "#FFFFFF",
              "token": "--color-error-fondo"
            }
          ],
          "nota": "Se elimina el tinte (rosado)."
        },
        {
          "v1.1": {
            "nombre": "Error · oscuro",
            "css": "--trevol-error-oscuro",
            "hex": "#F7A3AD"
          },
          "v2": [
            {
              "uso": "Error en oscuro (los importes negativos van en Niebla con signo)",
              "hex": "#FE6258",
              "token": "--trevol-error-oscuro → --trevol-aji-claro"
            }
          ],
          "nota": ""
        },
        {
          "v1.1": {
            "nombre": "Error · fondo oscuro",
            "css": "--trevol-error-fondo-oscuro",
            "hex": "#432327"
          },
          "v2": [
            {
              "uso": "Sin fondo: superficie oscura",
              "hex": "#17191C",
              "token": "--color-error-fondo"
            }
          ],
          "nota": "Se elimina el tinte."
        },
        {
          "v1.1": {
            "nombre": "Error · oscuro más contraste",
            "css": "--trevol-error-oscuro-mas-contraste",
            "hex": "#FFAFB8"
          },
          "v2": [
            {
              "uso": "Error en oscuro con más contraste (los negativos van en Blanco con signo)",
              "hex": "#FE6258",
              "token": "--trevol-error-oscuro-mas-contraste"
            }
          ],
          "nota": ""
        },
        {
          "v1.1": {
            "nombre": "Información",
            "css": "--trevol-info",
            "hex": "#1F5FAD"
          },
          "v2": [
            {
              "uso": "Información",
              "hex": "#056DB5",
              "token": "--trevol-info → --trevol-azul"
            }
          ],
          "nota": ""
        },
        {
          "v1.1": {
            "nombre": "Información · fondo",
            "css": "--trevol-info-fondo",
            "hex": "#E8F1FE"
          },
          "v2": [
            {
              "uso": "Sin fondo: superficie",
              "hex": "#FFFFFF",
              "token": "--color-info-fondo"
            }
          ],
          "nota": "Se elimina el tinte."
        },
        {
          "v1.1": {
            "nombre": "Información · oscuro",
            "css": "--trevol-info-oscuro",
            "hex": "#8DBAF7"
          },
          "v2": [
            {
              "uso": "Información en oscuro",
              "hex": "#4DABFD",
              "token": "--trevol-info-oscuro → --trevol-azul-claro"
            }
          ],
          "nota": ""
        },
        {
          "v1.1": {
            "nombre": "Información · fondo oscuro",
            "css": "--trevol-info-fondo-oscuro",
            "hex": "#1D2F47"
          },
          "v2": [
            {
              "uso": "Sin fondo: superficie oscura",
              "hex": "#17191C",
              "token": "--color-info-fondo"
            }
          ],
          "nota": "Se elimina el tinte."
        },
        {
          "v1.1": {
            "nombre": "Información · más contraste",
            "css": "--trevol-info-mas-contraste",
            "hex": "#014791"
          },
          "v2": [
            {
              "uso": "Información en claro con más contraste",
              "hex": "#034F86",
              "token": "--trevol-info-mas-contraste → --trevol-azul-profundo"
            }
          ],
          "nota": ""
        },
        {
          "v1.1": {
            "nombre": "Información · oscuro más contraste",
            "css": "--trevol-info-oscuro-mas-contraste",
            "hex": "#9EC7FF"
          },
          "v2": [
            {
              "uso": "Información en oscuro con más contraste",
              "hex": "#4DABFD",
              "token": "--trevol-info-oscuro-mas-contraste"
            }
          ],
          "nota": ""
        },
        {
          "v1.1": {
            "nombre": "Resaltado de búsqueda",
            "css": "--trevol-resaltado-busqueda",
            "hex": "#FFE066"
          },
          "v2": [
            {
              "uso": "Coincidencias de búsqueda (claro)",
              "hex": "#FFD21F",
              "token": "--trevol-resaltado-busqueda"
            }
          ],
          "nota": "Amarillo más vivo, no pálido."
        },
        {
          "v1.1": {
            "nombre": "Resaltado de búsqueda · oscuro",
            "css": "--trevol-resaltado-busqueda-oscuro",
            "hex": "#E6B800"
          },
          "v2": [
            {
              "uso": "Sin cambio",
              "hex": "#E6B800",
              "token": "--trevol-resaltado-busqueda-oscuro"
            }
          ],
          "nota": ""
        }
      ]
    }
  },
  "color": {
    "$type": "color",
    "$description": "Primitivos. No cambian con el tema. Los componentes no los usan directamente: usan los semánticos de \"tema\".",
    "marca": {
      "$description": "Verdes de la marca. Un verde de marca (logotipo e ícono), un verde de acción con sus dos estados, un verde oscuro (Selva) y un verde claro que solo va sobre oscuro (Chispa).",
      "marca": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0902,
            0.6078,
            0.0314
          ],
          "hex": "#179B08"
        },
        "$description": "Verde Trevol: logotipo, ícono de app, favicon, ilustración y bloques grandes de marca. Encima solo van el trébol y las letras en Blanco y titulares de 24 px o más (3,67:1). Nunca texto, botón ni texto blanco pequeño.",
        "$extensions": {
          "trevol": {
            "nombre": "Verde Trevol",
            "impresion": {
              "cmyk-estucado-fogra39": [
                75,
                0,
                100,
                6
              ],
              "cmyk-sin-estucar-fogra52": [
                69,
                0,
                100,
                0
              ],
              "pantone-c": "2424 C (ΔE00 1,6)",
              "pantone-u": "2424 U (ΔE00 5,1)",
              "delta-e00-cmyk-estucado": 4.4,
              "delta-e00-cmyk-sin-estucar": 11.1,
              "lab-previsto-estucado": [
                56.8,
                -44.3,
                40.8
              ],
              "lab-previsto-sin-estucar": [
                59.7,
                -33.4,
                24.4
              ],
              "nota": "Tinta directa PANTONE 2424 C sobre estucado (ΔE00 1,6). En cuatricromía sobre estucado queda a ΔE00 4,4: fuera de gama, se acepta en piezas que ya son de cuatricromía y en prensa digital. Sobre bond en offset va la tinta directa PANTONE 2424 U (ΔE00 5,1) o el logotipo en negro; nunca cuatricromía (ΔE00 11,1).",
              "pantone-c-mas-cercano": "2424 C (ΔE00 1,6)",
              "pantone-u-mas-cercano": "2424 U (ΔE00 5,1)"
            }
          }
        }
      },
      "verde": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0667,
            0.5137,
            0.0196
          ],
          "hex": "#118305"
        },
        "$description": "Verde acción: botón primario (texto Blanco 4,92:1), indicador de selección, serie única de gráficos y \"trevol.si\" sobre Blanco. Como texto, solo sobre Blanco; el texto de éxito usa verde-hover.",
        "$extensions": {
          "trevol": {
            "nombre": "Verde acción",
            "impresion": {
              "cmyk-estucado-fogra39": [
                75,
                5,
                100,
                23
              ],
              "cmyk-sin-estucar-fogra52": [
                71,
                3,
                100,
                14
              ],
              "pantone-c": "No lleva",
              "pantone-u": "No lleva",
              "delta-e00-cmyk-estucado": 5.0,
              "delta-e00-cmyk-sin-estucar": 13.1,
              "lab-previsto-estucado": [
                49.2,
                -37.0,
                34.9
              ],
              "lab-previsto-sin-estucar": [
                53.2,
                -26.5,
                18.3
              ],
              "nota": "Color de pantalla (botones y enlaces). En impresos no lleva tinta directa: una pieza a tintas directas usa el Verde Trevol (2424 C). En cuatricromía sobre estucado queda a ΔE00 5,0. No se imprime sobre bond (ΔE00 13,1).",
              "pantone-c-mas-cercano": "2258 C (ΔE00 4,8)",
              "pantone-u-mas-cercano": "2426 U (ΔE00 9,4)"
            }
          }
        }
      },
      "verde-hover": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0667,
            0.4471,
            0.0314
          ],
          "hex": "#117208"
        },
        "$description": "Hover del botón primario y texto e ícono de éxito (\"Pagada\", \"Validada por la DIAN\"): 6,11:1 sobre Blanco y 5,22:1 en la fila alterna con hover.",
        "$extensions": {
          "trevol": {
            "nombre": "Verde acción · hover",
            "solo": "pantalla"
          }
        }
      },
      "verde-presionado": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0549,
            0.3961,
            0.0235
          ],
          "hex": "#0E6506"
        },
        "$description": "Botón primario presionado (7,28:1). En el tema claro con más contraste: botón primario y éxito.",
        "$extensions": {
          "trevol": {
            "nombre": "Verde acción · presionado",
            "solo": "pantalla"
          }
        }
      },
      "selva": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0275,
            0.3333,
            0.0471
          ],
          "hex": "#07550C"
        },
        "$description": "Selva: lo seleccionado (ítem activo de la barra lateral y fila con foco, con texto Blanco 9,08:1), círculos de los íconos de módulo, superficies oscuras de marca y titulares en verde (8,33:1 sobre Niebla). Con moderación: no es fondo dominante del producto.",
        "$extensions": {
          "trevol": {
            "nombre": "Selva",
            "impresion": {
              "cmyk-estucado-fogra39": [
                79,
                12,
                100,
                58
              ],
              "cmyk-sin-estucar-fogra52": [
                79,
                10,
                100,
                48
              ],
              "pantone-c": "2427 C (ΔE00 3,8)",
              "pantone-u": "No lleva",
              "delta-e00-cmyk-estucado": 5.4,
              "delta-e00-cmyk-sin-estucar": 15.7,
              "lab-previsto-estucado": [
                32.6,
                -25.8,
                21.1
              ],
              "lab-previsto-sin-estucar": [
                40.6,
                -14.5,
                7.7
              ],
              "nota": "Tinta directa PANTONE 2427 C sobre estucado (ΔE00 3,8) o cuatricromía (ΔE00 5,4). No se imprime sobre bond: ninguna tinta baja de ΔE00 13.",
              "pantone-c-mas-cercano": "2427 C (ΔE00 3,8)",
              "pantone-u-mas-cercano": "2427 U (ΔE00 13,3)"
            }
          }
        }
      },
      "chispa": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.3961,
            0.8941,
            0.4078
          ],
          "hex": "#65E468"
        },
        "$description": "Chispa: solo sobre oscuro. Botón, éxito e indicador del modo oscuro (texto Grafito encima, 9,18:1), \"trevol.si\" sobre Selva (5,55:1), glifos de los íconos de módulo y variante oscura del ícono de iOS. Nunca texto ni fondo sobre claro, ni sobre Verde Trevol.",
        "$extensions": {
          "trevol": {
            "nombre": "Chispa",
            "impresion": {
              "cmyk-estucado-fogra39": [
                62,
                0,
                81,
                0
              ],
              "cmyk-sin-estucar-fogra52": [
                48,
                0,
                72,
                0
              ],
              "pantone-c": "7487 C (ΔE00 4,1)",
              "pantone-u": "No lleva",
              "delta-e00-cmyk-estucado": 13.8,
              "delta-e00-cmyk-sin-estucar": 15.3,
              "lab-previsto-estucado": [
                65.1,
                -35.4,
                36.5
              ],
              "lab-previsto-sin-estucar": [
                68.1,
                -25.0,
                22.6
              ],
              "nota": "Solo sobre Selva o fondos oscuros. Impresa, solo en tinta directa PANTONE 7487 C (ΔE00 4,1), calada en el fondo: va sobre el papel, sin sobreimprimir, porque las tintas directas son transparentes y no cubren. En cuatricromía no se imprime (ΔE00 13,8): en su lugar va Blanco.",
              "pantone-c-mas-cercano": "7487 C (ΔE00 4,1)",
              "pantone-u-mas-cercano": "7487 U (ΔE00 3,3)"
            }
          }
        }
      },
      "chispa-hover": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.451,
            0.949,
            0.4588
          ],
          "hex": "#73F275"
        },
        "$description": "Hover del botón primario en modo oscuro (texto Grafito 10,49:1). Paso funcional, no es color de piezas.",
        "$extensions": {
          "trevol": {
            "nombre": "Chispa · hover",
            "solo": "pantalla"
          }
        }
      },
      "chispa-presionado": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.3255,
            0.8275,
            0.3451
          ],
          "hex": "#53D358"
        },
        "$description": "Botón primario presionado en modo oscuro (texto Grafito 7,73:1). Paso funcional.",
        "$extensions": {
          "trevol": {
            "nombre": "Chispa · presionado",
            "solo": "pantalla"
          }
        }
      }
    },
    "neutro": {
      "$description": "Ninguno es crema, beige ni hueso.",
      "blanco": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1.0,
            1.0,
            1.0
          ],
          "hex": "#FFFFFF"
        },
        "$description": "Superficie de trabajo: tarjetas, tablas, formularios y factura. Letras y trébol sobre Verde Trevol, Verde acción y Selva.",
        "$extensions": {
          "trevol": {
            "nombre": "Blanco",
            "origen": "Ambas",
            "impresion": {
              "cmyk-estucado-fogra39": [
                0,
                0,
                0,
                0
              ],
              "cmyk-sin-estucar-fogra52": [
                0,
                0,
                0,
                0
              ],
              "pantone-c": "Sin tinta (papel blanco)",
              "pantone-u": "Sin tinta (papel blanco)",
              "delta-e00-cmyk-estucado": 3.5,
              "delta-e00-cmyk-sin-estucar": 9.5,
              "lab-previsto-estucado": [
                95.0,
                0.0,
                -2.1
              ],
              "lab-previsto-sin-estucar": [
                93.5,
                2.5,
                -10.1
              ],
              "nota": "Sin tinta sobre papel blanco; sobre un soporte oscuro, tinta blanca opaca. El papel de la marca es blanco, nunca crema ni ahuesado."
            }
          }
        }
      },
      "niebla": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9569,
            0.9608,
            0.9725
          ],
          "hex": "#F4F5F8"
        },
        "$description": "Fondo de página y barra lateral, buscador, fila alterna. Reemplaza a Papel.",
        "$extensions": {
          "trevol": {
            "nombre": "Niebla",
            "impresion": {
              "cmyk-estucado-fogra39": [
                5,
                3,
                2,
                0
              ],
              "cmyk-sin-estucar-fogra52": [
                4,
                2,
                1,
                0
              ],
              "pantone-c": "No lleva",
              "pantone-u": "No lleva",
              "delta-e00-cmyk-estucado": 3.3,
              "delta-e00-cmyk-sin-estucar": 8.8,
              "lab-previsto-estucado": [
                91.8,
                -0.0,
                -3.5
              ],
              "lab-previsto-sin-estucar": [
                90.4,
                2.3,
                -11.3
              ],
              "nota": "Solo como panel o fondo de pieza, en trama clara; no lleva tinta directa. Frente al blanco del papel queda a ΔE00 0,2. El papel de la marca es blanco, nunca crema ni ahuesado.",
              "pantone-c-mas-cercano": "663 C (ΔE00 5,0)",
              "pantone-u-mas-cercano": "649 U (ΔE00 5,2)",
              "una-tinta-negro": 5
            }
          }
        }
      },
      "bruma": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9137,
            0.9255,
            0.9373
          ],
          "hex": "#E9ECEF"
        },
        "$description": "Hover y presionado sobre Niebla (barra lateral, píldoras), selección sin foco, cuadrícula de tablas y fondo bajo la vista previa de la factura.",
        "$extensions": {
          "trevol": {
            "nombre": "Bruma",
            "impresion": {
              "cmyk-estucado-fogra39": [
                10,
                6,
                5,
                0
              ],
              "cmyk-sin-estucar-fogra52": [
                8,
                4,
                3,
                0
              ],
              "pantone-c": "No lleva",
              "pantone-u": "No lleva",
              "delta-e00-cmyk-estucado": 3.5,
              "delta-e00-cmyk-sin-estucar": 8.9,
              "lab-previsto-estucado": [
                88.6,
                -0.2,
                -3.9
              ],
              "lab-previsto-sin-estucar": [
                87.2,
                1.9,
                -11.5
              ],
              "nota": "En cuatricromía sobre estucado queda a ΔE00 3,5. En piezas a una tinta se adapta a una trama de negro al 10 %, que no es el mismo color: pierde el tono frío. No lleva tinta directa.",
              "pantone-c-mas-cercano": "649 C (ΔE00 4,0)",
              "pantone-u-mas-cercano": "649 U (ΔE00 3,5)",
              "una-tinta-negro": 10
            }
          }
        }
      },
      "plata": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.8314,
            0.8431,
            0.8627
          ],
          "hex": "#D4D7DC"
        },
        "$description": "Bordes de tarjetas y píldoras, separadores. Estructura, no control: nunca el único borde de un campo.",
        "$extensions": {
          "trevol": {
            "nombre": "Plata",
            "impresion": {
              "cmyk-estucado-fogra39": [
                19,
                12,
                11,
                1
              ],
              "cmyk-sin-estucar-fogra52": [
                15,
                9,
                7,
                0
              ],
              "pantone-c": "No lleva",
              "pantone-u": "No lleva",
              "delta-e00-cmyk-estucado": 2.9,
              "delta-e00-cmyk-sin-estucar": 7.7,
              "lab-previsto-estucado": [
                81.9,
                -0.4,
                -4.4
              ],
              "lab-previsto-sin-estucar": [
                81.2,
                1.9,
                -11.4
              ],
              "nota": "En cuatricromía sobre estucado queda a ΔE00 2,9. En piezas a una tinta se adapta a una trama de negro al 20 %, que no es el mismo color: pierde el tono frío. No lleva tinta directa.",
              "pantone-c-mas-cercano": "427 C (ΔE00 1,6)",
              "pantone-u-mas-cercano": "5315 U (ΔE00 3,8)",
              "una-tinta-negro": 20
            }
          }
        }
      },
      "acero": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.4863,
            0.5059,
            0.5412
          ],
          "hex": "#7C818A"
        },
        "$description": "Borde de campos y del botón secundario (3,91:1 sobre Blanco, 3,59:1 sobre Niebla, 3,30:1 sobre Bruma), íconos inactivos y texto deshabilitado.",
        "$extensions": {
          "trevol": {
            "nombre": "Acero",
            "impresion": {
              "cmyk-estucado-fogra39": [
                50,
                38,
                31,
                20
              ],
              "cmyk-sin-estucar-fogra52": [
                46,
                34,
                23,
                14
              ],
              "pantone-c": "No lleva",
              "pantone-u": "No lleva",
              "delta-e00-cmyk-estucado": 1.9,
              "delta-e00-cmyk-sin-estucar": 4.8,
              "lab-previsto-estucado": [
                52.1,
                -0.6,
                -6.7
              ],
              "lab-previsto-sin-estucar": [
                54.8,
                1.4,
                -11.1
              ],
              "nota": "En cuatricromía sobre estucado queda a ΔE00 1,9. En piezas a una tinta se adapta a una trama de negro al 60 %, que no es el mismo color: pierde el tono frío. No lleva tinta directa.",
              "pantone-c-mas-cercano": "430 C (ΔE00 3,5)",
              "pantone-u-mas-cercano": "Cool Gray 10 U (ΔE00 2,4)",
              "una-tinta-negro": 60
            }
          }
        }
      },
      "pizarra": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.3529,
            0.3725,
            0.4039
          ],
          "hex": "#5A5F67"
        },
        "$description": "Texto secundario y terciario, etiquetas, encabezados de columna, marcador de posición y estado neutro (Borrador, Enviada a la DIAN).",
        "$extensions": {
          "trevol": {
            "nombre": "Pizarra",
            "impresion": {
              "cmyk-estucado-fogra39": [
                61,
                47,
                40,
                35
              ],
              "cmyk-sin-estucar-fogra52": [
                59,
                44,
                29,
                31
              ],
              "pantone-c": "No lleva",
              "pantone-u": "No lleva",
              "delta-e00-cmyk-estucado": 0.7,
              "delta-e00-cmyk-sin-estucar": 5.8,
              "lab-previsto-estucado": [
                39.8,
                -1.0,
                -5.9
              ],
              "lab-previsto-sin-estucar": [
                45.1,
                0.8,
                -9.3
              ],
              "nota": "En cuatricromía sobre estucado queda a ΔE00 0,7. En piezas a una tinta se adapta a una trama de negro al 75 %, que no es el mismo color: pierde el tono frío. No lleva tinta directa.",
              "pantone-c-mas-cercano": "Cool Gray 10 C (ΔE00 3,1)",
              "pantone-u-mas-cercano": "433 U (ΔE00 1,6)",
              "una-tinta-negro": 75
            }
          }
        }
      },
      "pizarra-profunda": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.2314,
            0.2471,
            0.2784
          ],
          "hex": "#3B3F47"
        },
        "$description": "Texto secundario, encabezados y estado neutro del tema claro con más contraste (10,56:1). Paso funcional.",
        "$extensions": {
          "trevol": {
            "nombre": "Pizarra profunda",
            "solo": "pantalla"
          }
        }
      },
      "grafito": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.1412,
            0.1529,
            0.1686
          ],
          "hex": "#24272B"
        },
        "$description": "Texto principal, cifras e importes (15,00:1); logotipo a una tinta; texto sobre Chispa y sobre el resaltado de búsqueda.",
        "$extensions": {
          "trevol": {
            "nombre": "Grafito",
            "impresion": {
              "cmyk-estucado-fogra39": [
                77,
                65,
                56,
                70
              ],
              "cmyk-sin-estucar-fogra52": [
                80,
                59,
                37,
                75
              ],
              "pantone-c": "426 C (ΔE00 0,6)",
              "pantone-u": "Negro 100 %",
              "delta-e00-cmyk-estucado": 3.1,
              "delta-e00-cmyk-sin-estucar": 12.2,
              "lab-previsto-estucado": [
                20.0,
                -0.4,
                -2.8
              ],
              "lab-previsto-sin-estucar": [
                32.1,
                0.8,
                -3.5
              ],
              "nota": "Texto impreso: negro 100 % (0 · 0 · 0 · 100), en una sola plancha. Áreas sobre estucado: tinta directa PANTONE 426 C (ΔE00 0,6) o cuatricromía (ΔE00 3,1). Sobre bond, negro 100 %.",
              "pantone-c-mas-cercano": "426 C (ΔE00 0,6)",
              "pantone-u-mas-cercano": "5395 U (ΔE00 12,6)",
              "una-tinta-negro": 100
            }
          }
        }
      }
    },
    "funcional": {
      "$description": "Señales del producto: enlace e información, aviso y error, con sus variantes para el modo oscuro y para más contraste. Son colores funcionales, no de marca: no van en piezas de marketing salvo dentro de capturas del producto.",
      "azul": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0196,
            0.4275,
            0.7098
          ],
          "hex": "#056DB5"
        },
        "$description": "Azul Enlace: enlaces (subrayados dentro de un texto), información y anillo de foco con 2 px de separación blanca.",
        "$extensions": {
          "trevol": {
            "nombre": "Azul Enlace",
            "impresion": {
              "cmyk-estucado-fogra39": [
                87,
                51,
                0,
                0
              ],
              "cmyk-sin-estucar-fogra52": [
                96,
                48,
                0,
                0
              ],
              "pantone-c": "No lleva",
              "pantone-u": "No lleva",
              "delta-e00-cmyk-estucado": 1.1,
              "delta-e00-cmyk-sin-estucar": 4.0,
              "lab-previsto-estucado": [
                43.2,
                -4.2,
                -44.2
              ],
              "lab-previsto-sin-estucar": [
                47.0,
                -3.4,
                -39.2
              ],
              "nota": "Color de pantalla (estados y enlaces). Si se imprime, va en cuatricromía sobre estucado (ΔE00 1,1); no lleva tinta directa.",
              "pantone-c-mas-cercano": "2151 C (ΔE00 2,4)",
              "pantone-u-mas-cercano": "300 U (ΔE00 2,0)"
            }
          }
        }
      },
      "mandarina": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.6706,
            0.3098,
            0.0039
          ],
          "hex": "#AB4F01"
        },
        "$description": "Mandarina: aviso (por vencer, revisar, descuadre por resolver), siempre con ícono y texto.",
        "$extensions": {
          "trevol": {
            "nombre": "Mandarina",
            "origen": "claude-A (#AF5205), oscurecida por la síntesis (ΔE00 1,2) para pasar 4,5:1 en la fila alterna con hover",
            "impresion": {
              "cmyk-estucado-fogra39": [
                7,
                69,
                100,
                31
              ],
              "cmyk-sin-estucar-fogra52": [
                5,
                69,
                100,
                23
              ],
              "pantone-c": "No lleva",
              "pantone-u": "No lleva",
              "delta-e00-cmyk-estucado": 3.9,
              "delta-e00-cmyk-sin-estucar": 14.0,
              "lab-previsto-estucado": [
                44.3,
                32.4,
                43.5
              ],
              "lab-previsto-sin-estucar": [
                49.3,
                27.3,
                22.3
              ],
              "nota": "Color de pantalla (estados y enlaces). Si se imprime, va en cuatricromía sobre estucado (ΔE00 3,9); no lleva tinta directa.",
              "pantone-c-mas-cercano": "160 C (ΔE00 3,1)",
              "pantone-u-mas-cercano": "2021 U (ΔE00 8,5)"
            }
          }
        }
      },
      "aji": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.6235,
            0.0039,
            0.051
          ],
          "hex": "#9F010D"
        },
        "$description": "Ají: error, rechazada, vencida, importes negativos (≥ 7:1 en todas las filas) y acción destructiva (texto Blanco 8,45:1).",
        "$extensions": {
          "trevol": {
            "nombre": "Ají",
            "origen": "claude-A (#A80611), oscurecido por la síntesis (ΔE00 1,9) para que los importes negativos lleguen a 7:1 en la fila alterna con hover",
            "impresion": {
              "cmyk-estucado-fogra39": [
                7,
                100,
                91,
                34
              ],
              "cmyk-sin-estucar-fogra52": [
                5,
                100,
                81,
                24
              ],
              "pantone-c": "No lleva",
              "pantone-u": "No lleva",
              "delta-e00-cmyk-estucado": 5.2,
              "delta-e00-cmyk-sin-estucar": 16.5,
              "lab-previsto-estucado": [
                34.5,
                48.9,
                30.0
              ],
              "lab-previsto-sin-estucar": [
                44.1,
                36.5,
                12.4
              ],
              "nota": "Color de pantalla (estados y enlaces). Si se imprime, va en cuatricromía sobre estucado (ΔE00 5,2); no lleva tinta directa.",
              "pantone-c-mas-cercano": "484 C (ΔE00 5,2)",
              "pantone-u-mas-cercano": "2350 U (ΔE00 11,0)"
            }
          }
        }
      },
      "azul-claro": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.302,
            0.6706,
            0.9922
          ],
          "hex": "#4DABFD"
        },
        "$description": "Enlace, información y foco en modo oscuro (6,18:1 sobre noche-800).",
        "$extensions": {
          "trevol": {
            "nombre": "Azul Enlace claro",
            "solo": "pantalla"
          }
        }
      },
      "mandarina-clara": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9961,
            0.5255,
            0.0706
          ],
          "hex": "#FE8612"
        },
        "$description": "Aviso en modo oscuro (6,24:1 sobre noche-800).",
        "$extensions": {
          "trevol": {
            "nombre": "Mandarina clara",
            "solo": "pantalla"
          }
        }
      },
      "aji-claro": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9961,
            0.3843,
            0.3451
          ],
          "hex": "#FE6258"
        },
        "$description": "Error en modo oscuro (texto e ícono de estado; insignia con texto Grafito 5,07:1): rojo vivo, ≥ 4,5:1 sobre todas las superficies oscuras. No se usa en cifras: en oscuro los importes negativos van en el color de texto con su signo.",
        "$extensions": {
          "trevol": {
            "nombre": "Ají claro",
            "solo": "pantalla"
          }
        }
      },
      "azul-profundo": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0118,
            0.3098,
            0.5255
          ],
          "hex": "#034F86"
        },
        "$description": "Enlace, información y foco del tema claro con más contraste (8,51:1).",
        "$extensions": {
          "trevol": {
            "nombre": "Azul Enlace profundo",
            "solo": "pantalla"
          }
        }
      },
      "mandarina-profunda": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.5647,
            0.2588,
            0.0157
          ],
          "hex": "#904204"
        },
        "$description": "Aviso del tema claro con más contraste (≥ 7:1 sobre Blanco).",
        "$extensions": {
          "trevol": {
            "nombre": "Mandarina profunda",
            "solo": "pantalla"
          }
        }
      },
      "resaltado-busqueda": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1.0,
            0.8235,
            0.1216
          ],
          "hex": "#FFD21F"
        },
        "$description": "Coincidencias de búsqueda en tablas (claro). Amarillo vivo, no pálido. El texto encima siempre es Grafito (10,35:1). Funcional, no de marca.",
        "$extensions": {
          "trevol": {
            "nombre": "Resaltado",
            "solo": "pantalla"
          }
        }
      },
      "resaltado-busqueda-oscuro": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.902,
            0.7216,
            0.0
          ],
          "hex": "#E6B800"
        },
        "$description": "Coincidencias de búsqueda en oscuro. El texto encima siempre es Grafito (8,01:1).",
        "$extensions": {
          "trevol": {
            "nombre": "Resaltado oscuro",
            "origen": "20-SISTEMA §2.2.2 (sin cambio)",
            "solo": "pantalla"
          }
        }
      }
    },
    "noche": {
      "$description": "nada verdoso. Solo pantalla.",
      "950": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0627,
            0.0706,
            0.0784
          ],
          "hex": "#101214"
        },
        "$description": "Ventana y cromo en oscuro; contenido del oscuro con más contraste.",
        "$extensions": {
          "trevol": {
            "nombre": "noche-950",
            "solo": "pantalla"
          }
        }
      },
      "900": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0902,
            0.098,
            0.1098
          ],
          "hex": "#17191C"
        },
        "$description": "Contenido en oscuro (tablas, formularios).",
        "$extensions": {
          "trevol": {
            "nombre": "noche-900",
            "solo": "pantalla"
          }
        }
      },
      "850": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.1176,
            0.1255,
            0.1373
          ],
          "hex": "#1E2023"
        },
        "$description": "Fila alterna y paneles en oscuro.",
        "$extensions": {
          "trevol": {
            "nombre": "noche-850",
            "solo": "pantalla"
          }
        }
      },
      "800": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.1412,
            0.149,
            0.1608
          ],
          "hex": "#242629"
        },
        "$description": "Menús, popovers y hojas en oscuro; cuadrícula.",
        "$extensions": {
          "trevol": {
            "nombre": "noche-800",
            "solo": "pantalla"
          }
        }
      },
      "700": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.2039,
            0.2157,
            0.2314
          ],
          "hex": "#34373B"
        },
        "$description": "Separadores y selección sin foco en oscuro.",
        "$extensions": {
          "trevol": {
            "nombre": "noche-700",
            "solo": "pantalla"
          }
        }
      },
      "500": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.4667,
            0.4863,
            0.5137
          ],
          "hex": "#777C83"
        },
        "$description": "Bordes de control en oscuro (≥ 3:1); deshabilitado. No es texto.",
        "$extensions": {
          "trevol": {
            "nombre": "noche-500",
            "solo": "pantalla"
          }
        }
      },
      "300": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.6196,
            0.6392,
            0.6706
          ],
          "hex": "#9EA3AB"
        },
        "$description": "Texto terciario y marcador de posición en oscuro (5,98:1 sobre noche-800); bordes en oscuro con más contraste.",
        "$extensions": {
          "trevol": {
            "nombre": "noche-300",
            "solo": "pantalla"
          }
        }
      },
      "200": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.702,
            0.7216,
            0.749
          ],
          "hex": "#B3B8BF"
        },
        "$description": "Texto secundario, encabezados y estado neutro en oscuro (8,83:1 sobre noche-900).",
        "$extensions": {
          "trevol": {
            "nombre": "noche-200",
            "solo": "pantalla"
          }
        }
      }
    },
    "estado": {
      "$description": "Color de cada estado por tema. Desde la v2 los estados no tienen fondo tintado: ícono de silueta distinta y texto en el color del estado, sobre la superficie (Blanco en claro).",
      "exito": {
        "texto": {
          "$value": "{color.marca.verde-hover}",
          "$description": "Texto e ícono de éxito en claro."
        },
        "texto-oscuro": {
          "$value": "{color.marca.chispa}",
          "$description": "Texto e ícono de éxito en oscuro."
        },
        "texto-mas-contraste": {
          "$value": "{color.marca.verde-presionado}",
          "$description": "Éxito en el claro con más contraste."
        },
        "texto-oscuro-mas-contraste": {
          "$value": "{color.marca.chispa}",
          "$description": "Éxito en el oscuro con más contraste."
        }
      },
      "aviso": {
        "texto": {
          "$value": "{color.funcional.mandarina}",
          "$description": "Texto e ícono de aviso en claro."
        },
        "texto-oscuro": {
          "$value": "{color.funcional.mandarina-clara}",
          "$description": "Texto e ícono de aviso en oscuro."
        },
        "texto-mas-contraste": {
          "$value": "{color.funcional.mandarina-profunda}",
          "$description": "Aviso en el claro con más contraste."
        },
        "texto-oscuro-mas-contraste": {
          "$value": "{color.funcional.mandarina-clara}",
          "$description": "Aviso en el oscuro con más contraste."
        }
      },
      "error": {
        "texto": {
          "$value": "{color.funcional.aji}",
          "$description": "Texto e ícono de error en claro."
        },
        "texto-oscuro": {
          "$value": "{color.funcional.aji-claro}",
          "$description": "Texto e ícono de error en oscuro."
        },
        "texto-mas-contraste": {
          "$value": "{color.funcional.aji}",
          "$description": "Error en el claro con más contraste."
        },
        "texto-oscuro-mas-contraste": {
          "$value": "{color.funcional.aji-claro}",
          "$description": "Error en el oscuro con más contraste."
        }
      },
      "info": {
        "texto": {
          "$value": "{color.funcional.azul}",
          "$description": "Texto e ícono de información en claro."
        },
        "texto-oscuro": {
          "$value": "{color.funcional.azul-claro}",
          "$description": "Información en oscuro."
        },
        "texto-mas-contraste": {
          "$value": "{color.funcional.azul-profundo}",
          "$description": "Información en el claro con más contraste."
        },
        "texto-oscuro-mas-contraste": {
          "$value": "{color.funcional.azul-claro}",
          "$description": "Información en el oscuro con más contraste."
        }
      },
      "neutro": {
        "texto": {
          "$value": "{color.neutro.pizarra}",
          "$description": "Estado neutro (Borrador, Enviada a la DIAN, Anulado) en claro."
        },
        "texto-oscuro": {
          "$value": "{color.noche.200}",
          "$description": "Estado neutro en oscuro."
        },
        "texto-mas-contraste": {
          "$value": "{color.neutro.pizarra-profunda}",
          "$description": "Estado neutro en el claro con más contraste."
        },
        "texto-oscuro-mas-contraste": {
          "$value": "{color.neutro.bruma}",
          "$description": "Estado neutro en el oscuro con más contraste."
        }
      }
    },
    "motivo": {
      "$description": "Motivo gráfico (decorativo, ≤ 1,25:1 con su fondo). Sobre claro, la trama es gris (Bruma), nunca un verde aclarado.",
      "trama-sobre-verde": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0588,
            0.5608,
            0.0
          ],
          "hex": "#0F8F00"
        },
        "$description": "Trama de tréboles sobre Verde Trevol (1,16:1). Decorativa.",
        "$extensions": {
          "trevol": {
            "nombre": "Trama sobre Verde Trevol"
          }
        }
      },
      "trama-sobre-selva": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0706,
            0.3804,
            0.0824
          ],
          "hex": "#126115"
        },
        "$description": "Trama de tréboles sobre Selva (1,19:1). Decorativa.",
        "$extensions": {
          "trevol": {
            "nombre": "Trama sobre Selva"
          }
        }
      },
      "trama-sobre-niebla": {
        "$value": "{color.neutro.bruma}",
        "$description": "Trama de tréboles sobre Niebla (1,09:1). Decorativa."
      },
      "cuadricula": {
        "$value": "{color.neutro.bruma}",
        "$description": "Cuadrícula del contador sobre Blanco (1,19:1). Decorativa."
      }
    },
    "ilustracion": {
      "piel-1": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9451,
            0.8235,
            0.7373
          ],
          "hex": "#F1D2BC"
        },
        "$description": "Tono de piel 1 de 6. Solo en ilustración: nunca texto, fondo ni estado. El más claro.",
        "$extensions": {
          "trevol": {
            "nombre": "Piel 1"
          }
        }
      },
      "piel-2": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.8667,
            0.6863,
            0.549
          ],
          "hex": "#DDAF8C"
        },
        "$description": "Tono de piel 2 de 6. Solo en ilustración: nunca texto, fondo ni estado.",
        "$extensions": {
          "trevol": {
            "nombre": "Piel 2"
          }
        }
      },
      "piel-3": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.7529,
            0.5412,
            0.3922
          ],
          "hex": "#C08A64"
        },
        "$description": "Tono de piel 3 de 6. Solo en ilustración: nunca texto, fondo ni estado.",
        "$extensions": {
          "trevol": {
            "nombre": "Piel 3"
          }
        }
      },
      "piel-4": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.549,
            0.3529,
            0.2353
          ],
          "hex": "#8C5A3C"
        },
        "$description": "Tono de piel 4 de 6. Solo en ilustración: nunca texto, fondo ni estado.",
        "$extensions": {
          "trevol": {
            "nombre": "Piel 4"
          }
        }
      },
      "piel-5": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.4196,
            0.2588,
            0.1608
          ],
          "hex": "#6B4229"
        },
        "$description": "Tono de piel 5 de 6. Solo en ilustración: nunca texto, fondo ni estado.",
        "$extensions": {
          "trevol": {
            "nombre": "Piel 5"
          }
        }
      },
      "piel-6": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.2902,
            0.1725,
            0.1098
          ],
          "hex": "#4A2C1C"
        },
        "$description": "Tono de piel 6 de 6. Solo en ilustración: nunca texto, fondo ni estado. El más oscuro.",
        "$extensions": {
          "trevol": {
            "nombre": "Piel 6"
          }
        }
      },
      "$description": "Tonos de piel de la ilustración (sin cambio desde la v1.1). Representan piel, no son colores de marca: solo en ilustración, uno por figura; nunca fondo, texto ni estado."
    }
  },
  "tema": {
    "$type": "color",
    "$description": "Tokens semánticos. Los cuatro temas tienen las mismas claves: el tema con más contraste hereda del tema base lo que no redefine.",
    "claro": {
      "$description": "Tema claro (por defecto): Blanco y Niebla, texto Grafito, acción en Verde acción.",
      "fondo-ventana": {
        "$value": "{color.neutro.niebla}",
        "$description": "Cromo: barra lateral, barra superior con el buscador, barra de estado.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-window-bg"
          }
        }
      },
      "fondo-contenido": {
        "$value": "{color.neutro.blanco}",
        "$description": "Tablas, formularios, tarjetas y documentos.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-content-bg"
          }
        }
      },
      "fila-alterna": {
        "$value": "{color.neutro.niebla}",
        "$description": "Cebra de tablas anchas.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-row-alt"
          }
        }
      },
      "superficie-elevada": {
        "$value": "{color.neutro.blanco}",
        "$description": "Paneles e inspector.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-surface-raised"
          }
        }
      },
      "superficie-flotante": {
        "$value": "{color.neutro.blanco}",
        "$description": "Menús, popovers y hojas.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-surface-overlay"
          }
        }
      },
      "fondo-bajo-pagina": {
        "$value": "{color.neutro.bruma}",
        "$description": "Detrás de la vista previa de factura o PDF.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-under-page"
          }
        }
      },
      "fila-hover": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.1412,
            0.1529,
            0.1686
          ],
          "hex": "#24272B",
          "alpha": 0.04
        },
        "$description": "Tinte neutro de hover en filas (nunca un verde con opacidad).",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-row-hover"
          }
        }
      },
      "velo": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.1412,
            0.1529,
            0.1686
          ],
          "hex": "#24272B",
          "alpha": 0.25
        },
        "$description": "Atenuación bajo hojas y alertas.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--overlay-dim"
          }
        }
      },
      "texto": {
        "$value": "{color.neutro.grafito}",
        "$description": "Texto principal, cifras e importes.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-label"
          }
        }
      },
      "texto-secundario": {
        "$value": "{color.neutro.pizarra}",
        "$description": "Texto secundario.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-label-secondary"
          }
        }
      },
      "texto-terciario": {
        "$value": "{color.neutro.pizarra}",
        "$description": "Texto terciario y metadatos. En claro coincide con el secundario: la jerarquía la dan el tamaño y el peso.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-label-tertiary"
          }
        }
      },
      "texto-cuaternario": {
        "$value": "{color.neutro.acero}",
        "$description": "Solo decorativo. La marca de agua \"BORRADOR\" lo usa únicamente si el estado se repite legible en otra parte y va con aria-hidden.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-label-quaternary"
          }
        }
      },
      "texto-marcador": {
        "$value": "{color.neutro.pizarra}",
        "$description": "Ejemplos dentro de los campos.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-placeholder"
          }
        }
      },
      "texto-encabezado": {
        "$value": "{color.neutro.pizarra}",
        "$description": "Encabezados de columna.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-header-text"
          }
        }
      },
      "texto-deshabilitado": {
        "$value": "{color.neutro.acero}",
        "$description": "Deshabilitado: exento de WCAG 1.4.3. El motivo va visible o en un control enfocable asociado, nunca solo en un tooltip.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-text-disabled"
          }
        }
      },
      "cuadricula": {
        "$value": "{color.neutro.bruma}",
        "$description": "Líneas de cuadrícula de tablas (decorativas; con más contraste, ≥ 3:1).",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-grid"
          }
        }
      },
      "separador": {
        "$value": "{color.neutro.plata}",
        "$description": "Separadores de sección y bordes de tarjeta.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-separator"
          }
        }
      },
      "borde-control": {
        "$value": "{color.neutro.acero}",
        "$description": "Borde de campos y botones secundarios (≥ 3:1).",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-control-border"
          }
        }
      },
      "accion": {
        "$value": "{color.marca.verde}",
        "$description": "Relleno del botón primario. En oscuro, Chispa con texto Grafito: con texto blanco, el Verde acción da 3,09:1 de silueta sobre un popover oscuro en reposo, pero su hover y su presionado bajan a 2,48 y 2,08:1.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-accent"
          }
        }
      },
      "accion-hover": {
        "$value": "{color.marca.verde-hover}",
        "$description": "Hover del botón primario.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-accent-hover"
          }
        }
      },
      "accion-presionada": {
        "$value": "{color.marca.verde-presionado}",
        "$description": "Botón primario presionado.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-accent-pressed"
          }
        }
      },
      "texto-sobre-accion": {
        "$value": "{color.neutro.blanco}",
        "$description": "Texto e ícono sobre el botón primario.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-on-accent"
          }
        }
      },
      "enlace": {
        "$value": "{color.funcional.azul}",
        "$description": "Enlaces a comprobantes, terceros y reportes. subrayados dentro de un texto.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-accent-text"
          }
        }
      },
      "seleccion": {
        "$value": "{color.marca.selva}",
        "$description": "Fila seleccionada en el panel con foco e ítem activo de la barra lateral: Selva.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-selection-bg"
          }
        }
      },
      "texto-seleccion": {
        "$value": "{color.neutro.blanco}",
        "$description": "Texto de lo seleccionado con foco: Blanco, también los estados, los enlaces y los negativos (con su ícono y su signo).",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-selection-text"
          }
        }
      },
      "seleccion-indicador": {
        "$value": "{color.marca.verde}",
        "$description": "Barra de 3 px en el borde inicial de la fila seleccionada (en oscuro el relleno no contrasta 3:1).",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-selection-indicator"
          }
        }
      },
      "seleccion-sin-foco": {
        "$value": "{color.neutro.bruma}",
        "$description": "Fila seleccionada cuando el foco está en otro panel.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-selection-bg-unfocused"
          }
        }
      },
      "seleccion-sin-foco-indicador": {
        "$value": "{color.neutro.pizarra}",
        "$description": "Barra de 3 px de la selección sin foco.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-selection-indicator-unfocused"
          }
        }
      },
      "texto-seleccion-sin-foco": {
        "$value": "{color.neutro.grafito}",
        "$description": "Texto de la selección sin foco. Los estados y los importes negativos de esa fila también van en este color, con su ícono y su signo.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-selection-text-unfocused"
          }
        }
      },
      "foco": {
        "$value": "{color.funcional.azul}",
        "$description": "Anillo de foco de 2 px, separado 2 px del componente (separación Blanco en claro).",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-focus-ring"
          }
        }
      },
      "foco-sobre-seleccion": {
        "$value": "{color.neutro.blanco}",
        "$description": "Anillo de foco dentro de lo seleccionado.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-focus-ring-on-selection"
          }
        }
      },
      "foco-sobre-marca": {
        "$value": "{color.neutro.blanco}",
        "$description": "Anillo de foco sobre Verde Trevol y Selva. Sobre Selva también sirve Chispa (5,55:1); sobre Verde Trevol, solo Blanco.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-focus-ring-on-brand"
          }
        }
      },
      "resaltado-busqueda": {
        "$value": "{color.funcional.resaltado-busqueda}",
        "$description": "Coincidencias de búsqueda.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-find-highlight"
          }
        }
      },
      "texto-resaltado-busqueda": {
        "$value": "{color.neutro.grafito}",
        "$description": "Texto sobre el resaltado: siempre Grafito.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-find-highlight-text"
          }
        }
      },
      "exito": {
        "$value": "{color.estado.exito.texto}",
        "$description": "Éxito: texto e ícono.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-success"
          }
        }
      },
      "exito-fondo": {
        "$value": "{color.neutro.blanco}",
        "$description": "Sin tinte desde la v2: la superficie del tema.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-success-bg"
          }
        }
      },
      "aviso": {
        "$value": "{color.estado.aviso.texto}",
        "$description": "Aviso: texto e ícono.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-warning"
          }
        }
      },
      "aviso-fondo": {
        "$value": "{color.neutro.blanco}",
        "$description": "Sin tinte desde la v2: la superficie del tema.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-warning-bg"
          }
        }
      },
      "error": {
        "$value": "{color.estado.error.texto}",
        "$description": "Error: texto e ícono.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-danger"
          }
        }
      },
      "error-fondo": {
        "$value": "{color.neutro.blanco}",
        "$description": "Sin tinte desde la v2: la superficie del tema.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-danger-bg"
          }
        }
      },
      "info": {
        "$value": "{color.estado.info.texto}",
        "$description": "Información: texto e ícono.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-info"
          }
        }
      },
      "info-fondo": {
        "$value": "{color.neutro.blanco}",
        "$description": "Sin tinte desde la v2: la superficie del tema.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-info-bg"
          }
        }
      },
      "neutro": {
        "$value": "{color.estado.neutro.texto}",
        "$description": "Neutro: texto e ícono.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-neutral"
          }
        }
      },
      "neutro-fondo": {
        "$value": "{color.neutro.blanco}",
        "$description": "Sin tinte desde la v2: la superficie del tema.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-neutral-bg"
          }
        }
      },
      "importe-negativo": {
        "$value": "{color.estado.error.texto}",
        "$description": "Importes cuyo valor es negativo (nota crédito, saldo a favor, pérdida), siempre con signo menos o paréntesis. No se aplica a las restas dentro de una liquidación, como las retenciones y los descuentos de una factura: esas van en el color de texto, con «−». En claro, Ají (≥ 7:1 en toda fila). En oscuro, el color de texto: un rojo que llegue a 7:1 sobre gris oscuro solo puede ser salmón. Dentro de una fila seleccionada van en el color de texto de la selección.",
        "$extensions": {
          "trevol": {
            "alias-20-sistema": "--color-amount-negative"
          }
        }
      },
      "texto-sobre-error": {
        "$value": "{color.neutro.blanco}",
        "$description": "Insignia crítica y botón destructivo: texto sobre el color de error."
      },
      "superficie-marca": {
        "$value": "{color.marca.marca}",
        "$description": "Bloques de marca en Verde Trevol: encima solo logotipo, trébol y titulares Blanco de 24 px o más."
      },
      "superficie-marca-profunda": {
        "$value": "{color.marca.selva}",
        "$description": "Bloques oscuros de marca en Selva: aquí sí va texto corrido en Blanco."
      },
      "texto-sobre-marca": {
        "$value": "{color.neutro.blanco}",
        "$description": "Texto sobre superficies de marca. Sobre Verde Trevol, solo titulares de 24 px o más (3,67:1); el texto corrido en Blanco va sobre Selva (9,08:1)."
      },
      "logo": {
        "$value": "{color.marca.marca}",
        "$description": "Letras del logotipo según el fondo."
      },
      "logo-trebol": {
        "$value": "{color.marca.marca}",
        "$description": "Trébol del logotipo según el fondo. El negativo va todo en Blanco."
      }
    },
    "oscuro": {
      "$description": "Tema oscuro: neutros fríos Noche; acción, éxito e indicador en Chispa con texto Grafito.",
      "fondo-ventana": {
        "$value": "{color.noche.950}"
      },
      "fondo-contenido": {
        "$value": "{color.noche.900}"
      },
      "fila-alterna": {
        "$value": "{color.noche.850}"
      },
      "superficie-elevada": {
        "$value": "{color.noche.850}"
      },
      "superficie-flotante": {
        "$value": "{color.noche.800}"
      },
      "fondo-bajo-pagina": {
        "$value": "{color.noche.950}"
      },
      "fila-hover": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9569,
            0.9608,
            0.9725
          ],
          "hex": "#F4F5F8",
          "alpha": 0.05
        }
      },
      "velo": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0627,
            0.0706,
            0.0784
          ],
          "hex": "#101214",
          "alpha": 0.55
        }
      },
      "texto": {
        "$value": "{color.neutro.niebla}"
      },
      "texto-secundario": {
        "$value": "{color.noche.200}"
      },
      "texto-terciario": {
        "$value": "{color.noche.300}"
      },
      "texto-cuaternario": {
        "$value": "{color.noche.500}"
      },
      "texto-marcador": {
        "$value": "{color.noche.300}"
      },
      "texto-encabezado": {
        "$value": "{color.noche.200}"
      },
      "texto-deshabilitado": {
        "$value": "{color.noche.500}"
      },
      "cuadricula": {
        "$value": "{color.noche.800}"
      },
      "separador": {
        "$value": "{color.noche.700}"
      },
      "borde-control": {
        "$value": "{color.noche.500}"
      },
      "accion": {
        "$value": "{color.marca.chispa}"
      },
      "accion-hover": {
        "$value": "{color.marca.chispa-hover}"
      },
      "accion-presionada": {
        "$value": "{color.marca.chispa-presionado}"
      },
      "texto-sobre-accion": {
        "$value": "{color.neutro.grafito}"
      },
      "enlace": {
        "$value": "{color.funcional.azul-claro}"
      },
      "seleccion": {
        "$value": "{color.marca.selva}"
      },
      "texto-seleccion": {
        "$value": "{color.neutro.blanco}"
      },
      "seleccion-indicador": {
        "$value": "{color.marca.chispa}"
      },
      "seleccion-sin-foco": {
        "$value": "{color.noche.700}"
      },
      "seleccion-sin-foco-indicador": {
        "$value": "{color.noche.300}"
      },
      "texto-seleccion-sin-foco": {
        "$value": "{color.neutro.niebla}"
      },
      "foco": {
        "$value": "{color.funcional.azul-claro}"
      },
      "foco-sobre-seleccion": {
        "$value": "{color.neutro.blanco}"
      },
      "foco-sobre-marca": {
        "$value": "{color.neutro.blanco}"
      },
      "resaltado-busqueda": {
        "$value": "{color.funcional.resaltado-busqueda-oscuro}"
      },
      "texto-resaltado-busqueda": {
        "$value": "{color.neutro.grafito}"
      },
      "exito": {
        "$value": "{color.estado.exito.texto-oscuro}"
      },
      "exito-fondo": {
        "$value": "{color.noche.900}"
      },
      "aviso": {
        "$value": "{color.estado.aviso.texto-oscuro}"
      },
      "aviso-fondo": {
        "$value": "{color.noche.900}"
      },
      "error": {
        "$value": "{color.estado.error.texto-oscuro}"
      },
      "error-fondo": {
        "$value": "{color.noche.900}"
      },
      "info": {
        "$value": "{color.estado.info.texto-oscuro}"
      },
      "info-fondo": {
        "$value": "{color.noche.900}"
      },
      "neutro": {
        "$value": "{color.estado.neutro.texto-oscuro}"
      },
      "neutro-fondo": {
        "$value": "{color.noche.900}"
      },
      "importe-negativo": {
        "$value": "{color.neutro.niebla}"
      },
      "texto-sobre-error": {
        "$value": "{color.neutro.grafito}"
      },
      "superficie-marca": {
        "$value": "{color.marca.marca}"
      },
      "superficie-marca-profunda": {
        "$value": "{color.marca.selva}"
      },
      "texto-sobre-marca": {
        "$value": "{color.neutro.blanco}"
      },
      "logo": {
        "$value": "{color.neutro.blanco}"
      },
      "logo-trebol": {
        "$value": "{color.neutro.blanco}"
      }
    },
    "claro-mas-contraste": {
      "$description": "Tema claro con más contraste (prefers-contrast: more). Hereda de claro.",
      "fondo-ventana": {
        "$value": "{color.neutro.niebla}"
      },
      "fondo-contenido": {
        "$value": "{color.neutro.blanco}"
      },
      "fila-alterna": {
        "$value": "{color.neutro.niebla}"
      },
      "superficie-elevada": {
        "$value": "{color.neutro.blanco}"
      },
      "superficie-flotante": {
        "$value": "{color.neutro.blanco}"
      },
      "fondo-bajo-pagina": {
        "$value": "{color.neutro.bruma}"
      },
      "fila-hover": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.1412,
            0.1529,
            0.1686
          ],
          "hex": "#24272B",
          "alpha": 0.04
        }
      },
      "velo": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.1412,
            0.1529,
            0.1686
          ],
          "hex": "#24272B",
          "alpha": 0.25
        }
      },
      "texto": {
        "$value": "{color.neutro.grafito}"
      },
      "texto-secundario": {
        "$value": "{color.neutro.pizarra-profunda}"
      },
      "texto-terciario": {
        "$value": "{color.neutro.pizarra-profunda}"
      },
      "texto-cuaternario": {
        "$value": "{color.neutro.acero}"
      },
      "texto-marcador": {
        "$value": "{color.neutro.pizarra}"
      },
      "texto-encabezado": {
        "$value": "{color.neutro.pizarra-profunda}"
      },
      "texto-deshabilitado": {
        "$value": "{color.neutro.acero}"
      },
      "cuadricula": {
        "$value": "{color.neutro.acero}"
      },
      "separador": {
        "$value": "{color.neutro.pizarra}"
      },
      "borde-control": {
        "$value": "{color.neutro.pizarra}"
      },
      "accion": {
        "$value": "{color.marca.verde-presionado}"
      },
      "accion-hover": {
        "$value": "{color.marca.selva}"
      },
      "accion-presionada": {
        "$value": "{color.marca.selva}"
      },
      "texto-sobre-accion": {
        "$value": "{color.neutro.blanco}"
      },
      "enlace": {
        "$value": "{color.funcional.azul-profundo}"
      },
      "seleccion": {
        "$value": "{color.marca.selva}"
      },
      "texto-seleccion": {
        "$value": "{color.neutro.blanco}"
      },
      "seleccion-indicador": {
        "$value": "{color.marca.selva}"
      },
      "seleccion-sin-foco": {
        "$value": "{color.neutro.plata}"
      },
      "seleccion-sin-foco-indicador": {
        "$value": "{color.neutro.pizarra-profunda}"
      },
      "texto-seleccion-sin-foco": {
        "$value": "{color.neutro.grafito}"
      },
      "foco": {
        "$value": "{color.funcional.azul-profundo}"
      },
      "foco-sobre-seleccion": {
        "$value": "{color.neutro.blanco}"
      },
      "foco-sobre-marca": {
        "$value": "{color.neutro.blanco}"
      },
      "resaltado-busqueda": {
        "$value": "{color.funcional.resaltado-busqueda}"
      },
      "texto-resaltado-busqueda": {
        "$value": "{color.neutro.grafito}"
      },
      "exito": {
        "$value": "{color.estado.exito.texto-mas-contraste}"
      },
      "exito-fondo": {
        "$value": "{color.neutro.blanco}"
      },
      "aviso": {
        "$value": "{color.estado.aviso.texto-mas-contraste}"
      },
      "aviso-fondo": {
        "$value": "{color.neutro.blanco}"
      },
      "error": {
        "$value": "{color.estado.error.texto-mas-contraste}"
      },
      "error-fondo": {
        "$value": "{color.neutro.blanco}"
      },
      "info": {
        "$value": "{color.estado.info.texto-mas-contraste}"
      },
      "info-fondo": {
        "$value": "{color.neutro.blanco}"
      },
      "neutro": {
        "$value": "{color.estado.neutro.texto-mas-contraste}"
      },
      "neutro-fondo": {
        "$value": "{color.neutro.blanco}"
      },
      "importe-negativo": {
        "$value": "{color.estado.error.texto-mas-contraste}"
      },
      "texto-sobre-error": {
        "$value": "{color.neutro.blanco}"
      },
      "superficie-marca": {
        "$value": "{color.marca.marca}"
      },
      "superficie-marca-profunda": {
        "$value": "{color.marca.selva}"
      },
      "texto-sobre-marca": {
        "$value": "{color.neutro.blanco}"
      },
      "logo": {
        "$value": "{color.marca.marca}"
      },
      "logo-trebol": {
        "$value": "{color.marca.marca}"
      }
    },
    "oscuro-mas-contraste": {
      "$description": "Tema oscuro con más contraste. Hereda de oscuro.",
      "fondo-ventana": {
        "$value": "{color.noche.950}"
      },
      "fondo-contenido": {
        "$value": "{color.noche.950}"
      },
      "fila-alterna": {
        "$value": "{color.noche.900}"
      },
      "superficie-elevada": {
        "$value": "{color.noche.900}"
      },
      "superficie-flotante": {
        "$value": "{color.noche.850}"
      },
      "fondo-bajo-pagina": {
        "$value": "{color.noche.950}"
      },
      "fila-hover": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9569,
            0.9608,
            0.9725
          ],
          "hex": "#F4F5F8",
          "alpha": 0.05
        }
      },
      "velo": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0627,
            0.0706,
            0.0784
          ],
          "hex": "#101214",
          "alpha": 0.55
        }
      },
      "texto": {
        "$value": "{color.neutro.blanco}"
      },
      "texto-secundario": {
        "$value": "{color.neutro.bruma}"
      },
      "texto-terciario": {
        "$value": "{color.neutro.plata}"
      },
      "texto-cuaternario": {
        "$value": "{color.noche.500}"
      },
      "texto-marcador": {
        "$value": "{color.neutro.plata}"
      },
      "texto-encabezado": {
        "$value": "{color.neutro.bruma}"
      },
      "texto-deshabilitado": {
        "$value": "{color.noche.500}"
      },
      "cuadricula": {
        "$value": "{color.noche.500}"
      },
      "separador": {
        "$value": "{color.noche.300}"
      },
      "borde-control": {
        "$value": "{color.noche.300}"
      },
      "accion": {
        "$value": "{color.marca.chispa}"
      },
      "accion-hover": {
        "$value": "{color.marca.chispa-hover}"
      },
      "accion-presionada": {
        "$value": "{color.marca.chispa-presionado}"
      },
      "texto-sobre-accion": {
        "$value": "{color.neutro.grafito}"
      },
      "enlace": {
        "$value": "{color.funcional.azul-claro}"
      },
      "seleccion": {
        "$value": "{color.marca.selva}"
      },
      "texto-seleccion": {
        "$value": "{color.neutro.blanco}"
      },
      "seleccion-indicador": {
        "$value": "{color.marca.chispa}"
      },
      "seleccion-sin-foco": {
        "$value": "{color.noche.700}"
      },
      "seleccion-sin-foco-indicador": {
        "$value": "{color.neutro.plata}"
      },
      "texto-seleccion-sin-foco": {
        "$value": "{color.neutro.blanco}"
      },
      "foco": {
        "$value": "{color.funcional.azul-claro}"
      },
      "foco-sobre-seleccion": {
        "$value": "{color.neutro.blanco}"
      },
      "foco-sobre-marca": {
        "$value": "{color.neutro.blanco}"
      },
      "resaltado-busqueda": {
        "$value": "{color.funcional.resaltado-busqueda-oscuro}"
      },
      "texto-resaltado-busqueda": {
        "$value": "{color.neutro.grafito}"
      },
      "exito": {
        "$value": "{color.estado.exito.texto-oscuro-mas-contraste}"
      },
      "exito-fondo": {
        "$value": "{color.noche.950}"
      },
      "aviso": {
        "$value": "{color.estado.aviso.texto-oscuro-mas-contraste}"
      },
      "aviso-fondo": {
        "$value": "{color.noche.950}"
      },
      "error": {
        "$value": "{color.estado.error.texto-oscuro-mas-contraste}"
      },
      "error-fondo": {
        "$value": "{color.noche.950}"
      },
      "info": {
        "$value": "{color.estado.info.texto-oscuro-mas-contraste}"
      },
      "info-fondo": {
        "$value": "{color.noche.950}"
      },
      "neutro": {
        "$value": "{color.estado.neutro.texto-oscuro-mas-contraste}"
      },
      "neutro-fondo": {
        "$value": "{color.noche.950}"
      },
      "importe-negativo": {
        "$value": "{color.neutro.blanco}"
      },
      "texto-sobre-error": {
        "$value": "{color.neutro.grafito}"
      },
      "superficie-marca": {
        "$value": "{color.marca.marca}"
      },
      "superficie-marca-profunda": {
        "$value": "{color.marca.selva}"
      },
      "texto-sobre-marca": {
        "$value": "{color.neutro.blanco}"
      },
      "logo": {
        "$value": "{color.neutro.blanco}"
      },
      "logo-trebol": {
        "$value": "{color.neutro.blanco}"
      }
    }
  }
}