/* Tokens del tema «ccn», generados al arrancar desde su tema.toml. */
:root {
    color-scheme: light;
    --color-fondo: #f7f6f8;
    --color-superficie: #ffffff;
    --color-superficie-alt: #f8f9fa;
    --color-superficie-tenue: #d9d9d9;
    --color-superficie-hover: #edf4f9;
    --color-texto: #212529;
    --color-texto-fuerte: #000000;
    --color-texto-secundario: #495057;
    --color-texto-tenue: #888888;
    --color-texto-auxiliar: #929292;
    --color-primario: #428bca;
    --color-primario-suave: #7da4c5;
    --color-primario-contraste: #ffffff;
    --color-primario-hover-fondo: #ffffff;
    --color-primario-hover-texto: #428bca;
    --color-enlace: #428bca;
    --color-icono: #428bca;
    --color-marca-fondo: #004b7e;
    --color-marca-texto: #ffffffcc;
    --color-cabecera-fondo: #f8f9fa;
    --color-cabecera-texto: #212529;
    --color-acento-componentes: #007bff;
    --color-componente-secundario: #6c757d;
    --color-componente-exito: #28a745;
    --color-componente-aviso: #ffc107;
    --color-componente-oscuro: #343a40;
    --color-componente-apagado: #adb5bd;
    --color-texto-sobre-componente: #ffffff;
    --color-texto-sobre-aviso: #212529;
    --color-alerta-clara-separador: #ececf6;
    --color-borde: #dee2e6;
    --color-borde-control: #ced4da;
    --color-separador: #cccccc;
    --color-foco: #80bdff;
    --color-exito: #87bf5d;
    --color-exito-suave: #b6e2a1;
    --color-exito-contraste: #ffffff;
    --color-exito-fondo: #87bf5d6b;
    --color-error: #e01a32;
    --color-error-suave: #ffcfcf;
    --color-error-contraste: #ffffff;
    --color-error-fondo: #ff150042;
    --color-error-fuerte: #ff4336;
    --color-error-fuerte-contraste: #ffffff;
    --color-aviso: #f0df80;
    --color-aviso-contraste: #212529;
    --color-aviso-fondo: #f7d55063;
    --color-info: #17a2b8;
    --color-info-borde: #cc5a50;
    --color-superficie-encabezado: #f0f0f0;
    --color-superficie-cabecera-tarjeta: #f5f5f5;
    --color-superficie-pulsada: #e9ecef;
    --color-resalte-cambio: #d4edda;
    --color-resalte-copiado: #d8eed7;
    --color-texto-dato: #333333;
    --color-texto-dato-secundario: #555555;
    --color-texto-desactivado: #6c757d;
    --color-primario-tenue: #c7d7e8;
    --color-primario-contraste-tenue: #ffffffcc;
    --color-seleccion-fondo: #007bff1a;
    --color-borde-suave: #dddddd;
    --color-borde-campo-editable: #dee6ec;
    --color-borde-lista: #808080;
    --color-superficie-logos: #f9f9f9;
    --color-superficie-cabecera-suave: #f4f6f9;
    --color-superficie-cabecera-suave-hover: #e8f0f8;
    --color-primario-legible: #2c6aa0;
    --color-primario-legible-hover: #1f5482;
    --color-error-campo: #dc3545;
    --color-error-mensaje-campo: #ff0000;
    --color-boton-desactivado-fondo: #640000;
    --color-boton-desactivado-borde: #ff0000;
    --color-aviso-suave-fondo: #f9f7f3;
    --color-aviso-suave-texto: #856404;
    --color-etiqueta-error: #e34f4f;
    --color-etiqueta-error-contraste: #ffffff;
    --color-etiqueta-morado: #220080;
    --color-etiqueta-morado-contraste: #ffffff;
    --color-etiqueta-naranja: #ff6c00;
    --color-etiqueta-naranja-contraste: #000000;
    --color-fortaleza-1: #8b0000;
    --color-fortaleza-2: #ff6347;
    --color-fortaleza-3: #ff8c00;
    --color-fortaleza-4: #ffa500;
    --color-fortaleza-5: #ffd700;
    --color-fortaleza-6: #2dae1f;
    --color-fortaleza-7: #046804;
    --color-superficie-translucida: #ffffffe6;
    --color-velo-carga: #f7f6f8d9;
    --color-resalte-busqueda: #ffeb3b;
    --color-codigo-texto: #4173c1;
    --color-codigo-fondo: #cadfec66;
    --color-codigo-bloque-texto: #212529;
    --color-codigo-bloque-fondo: #c7b8e83d;
    --color-ayuda-texto: #ffffff;
    --color-ayuda-fondo: #1f2933;
    --color-tooltip-texto: #ffffff;
    --color-tooltip-fondo: #333333;
    --color-banner-preproduccion: #f58b42;
    --color-banner-preproduccion-contraste: #ffffff;
    --color-toast-cabecera-texto: #ffffff;
    --color-pie-fondo: #ffffff;
    --color-pie-texto: #929292;
    --color-menu-borde: #00000000;
    --color-tabla-borde: #00000000;
    --color-tarjeta-borde: #00000000;
    --color-sombra-clara: #d9d9d952;
    --color-acceso-fondo: #428bca;
    --color-acceso-texto: #ffffff;
    --color-toast-exito-cabecera: #1a6a2c;
    --color-toast-exito-texto: #155724;
    --color-toast-exito-fondo: #d4edda;
    --color-toast-exito-borde: #c3e6cb;
    --color-toast-info-cabecera: #093f91;
    --color-toast-info-texto: #004085;
    --color-toast-info-fondo: #cce5ff;
    --color-toast-info-borde: #b8daff;
    --color-toast-aviso-cabecera: #765902;
    --color-toast-aviso-texto: #856404;
    --color-toast-aviso-fondo: #fff3cd;
    --color-toast-aviso-borde: #ffeeba;
    --color-toast-error-cabecera: #50141a;
    --color-toast-error-texto: #721c24;
    --color-toast-error-fondo: #f8d7da;
    --color-toast-error-borde: #f5c6cb;
    --color-panel-tinta: #0b0b0b;
    --color-panel-tinta-secundaria: #52514e;
    --color-panel-tinta-tenue: #6f6e69;
    --color-panel-borde: #e6e5df;
    --color-panel-borde-fuerte: #d3d2ca;
    --color-panel-plano: #f7f7f5;
    --color-panel-acento-suave: #eaf2fa;
    --color-panel-seleccion: #eef4fb;
    --color-panel-ok: #006300;
    --color-panel-ok-fondo: #e9f5e9;
    --color-panel-error: #b42318;
    --color-panel-error-fondo: #fdecea;
    --color-enlace-legible: #2a6496;
    --color-texto-apagado: #4a5259;
    --color-fila-hover-suave: #f8f9fb;
    --color-estado-activo-texto: #1e6b35;
    --color-estado-activo-fondo: #e3f4e8;
    --color-estado-inactivo-fondo: #eceef0;
    --color-perfil-anomalo-texto: #842029;
    --color-perfil-1: #922b21;
    --color-perfil-1-contraste: #ffffff;
    --color-perfil-2: #217a3e;
    --color-perfil-2-contraste: #ffffff;
    --color-perfil-3: #f39c12;
    --color-perfil-3-contraste: #212529;
    --color-perfil-4: #1f618d;
    --color-perfil-4-contraste: #ffffff;
    --color-perfil-5: #ba00a6;
    --color-perfil-5-contraste: #ffffff;
    --color-perfil-6: #58cfff;
    --color-perfil-6-contraste: #000000;
    --color-perfil-7: #ba4a00;
    --color-perfil-7-contraste: #ffffff;
    --color-perfil-8: #2c3e50;
    --color-perfil-8-contraste: #ffffff;
    --color-perfil-9: #8e44ad;
    --color-perfil-9-contraste: #ffffff;
    --color-perfil-10: #00e413;
    --color-perfil-10-contraste: #000000;
    --color-grafica-1: #428bca;
    --color-grafica-2: #eb6834;
    --color-grafica-3: #1baf7a;
    --color-grafica-4: #eda100;
    --color-grafica-5: #e87ba4;
    --color-grafica-6: #008300;
    --color-grafica-7: #4a3aa7;
    --color-grafica-8: #e34948;
    --color-grafica-otros: #898781;
    --color-grafica-tinta: #0b0b0b;
    --color-grafica-tinta-secundaria: #52514e;
    --color-grafica-tinta-tenue: #898781;
    --color-grafica-tinta-eje: #6f6e69;
    --color-grafica-rejilla: #ecebe6;
    --color-grafica-eje: #c3c2b7;
    --color-grafica-borde: #e1e0d9;
    --color-grafica-superficie: #ffffff;
    --color-grafica-calor-cero: #f6f5f1;
    --color-grafica-calor-bajo: #fde6e4;
    --color-grafica-calor-medio: #f08a86;
    --fuente-base: "Montserrat", sans-serif;
    --fuente-tabla: "Roboto Condensed", sans-serif;
    --fuente-grafica: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
    --fuente-mono: "Courier New", "Courier", monospace;
    --fuente-codigo: "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;
    --radio-minimo: 2px;
    --radio-base: 0.25rem;
    --radio-pequeno: 4px;
    --radio-medio: 5px;
    --radio: 6px;
    --radio-grande: 8px;
    --radio-amplio: 10px;
    --radio-extra: 15px;
    --radio-pastilla: 999px;
    --radio-tabla: 8px;
    --relleno-celda: 0px;
    --densidad: 1;
}
:root[data-modo=oscuro] {
    color-scheme: dark;
    --color-fondo: #0f1318;
    --color-superficie: #181d25;
    --color-superficie-alt: #1e232b;
    --color-superficie-tenue: #373b43;
    --color-superficie-hover: #1a242f;
    --color-texto: #e6e8eb;
    --color-texto-fuerte: #e6e8eb;
    --color-texto-secundario: #c3c8cf;
    --color-texto-tenue: #9aa3ad;
    --color-texto-auxiliar: #9aa3ad;
    --color-primario: #2f6fa8;
    --color-primario-suave: #285681;
    --color-primario-hover-fondo: #181d25;
    --color-primario-hover-texto: #7cb4e6;
    --color-enlace: #7cb4e6;
    --color-icono: #7cb4e6;
    --color-marca-fondo: #003b63;
    --color-cabecera-fondo: #181d25;
    --color-cabecera-texto: #e6e8eb;
    --color-acento-componentes: #7cb4e6;
    --color-componente-secundario: #c3c8cf;
    --color-componente-exito: #7cc47f;
    --color-componente-aviso: #f0df80;
    --color-componente-oscuro: #d8dbe0;
    --color-componente-apagado: #737b84;
    --color-texto-sobre-componente: #0f1318;
    --color-texto-sobre-aviso: #181d25;
    --color-alerta-clara-separador: #282d35;
    --color-borde: #2e3644;
    --color-borde-control: #6b7584;
    --color-separador: #41464d;
    --color-exito: #7cc47f;
    --color-exito-suave: #45684e;
    --color-exito-contraste: #181d25;
    --color-exito-fondo: #7cc47f6b;
    --color-error: #ff7a85;
    --color-error-suave: #4b313a;
    --color-error-contraste: #181d25;
    --color-error-fondo: #ff7a8542;
    --color-error-fuerte: #ff7a85;
    --color-error-fuerte-contraste: #181d25;
    --color-aviso-contraste: #181d25;
    --color-aviso-fondo: #f0df8063;
    --color-info: #5bc8dc;
    --color-info-borde: #5487b5;
    --color-superficie-encabezado: #242931;
    --color-superficie-cabecera-tarjeta: #1c2129;
    --color-superficie-pulsada: #282d35;
    --color-resalte-cambio: #2c3e37;
    --color-resalte-copiado: #2c3e37;
    --color-texto-dato: #e6e8eb;
    --color-texto-dato-secundario: #a8abb0;
    --color-texto-desactivado: #808892;
    --color-primario-tenue: #1d2d3f;
    --color-seleccion-fondo: #2f6fa81a;
    --color-borde-suave: #232a35;
    --color-borde-campo-editable: #6b7584;
    --color-borde-lista: #2e3644;
    --color-superficie-logos: #1c2129;
    --color-superficie-cabecera-suave: #1e232b;
    --color-superficie-cabecera-suave-hover: #1a242f;
    --color-primario-legible: #94b2cd;
    --color-primario-legible-hover: #789fc3;
    --color-error-campo: #ff7a85;
    --color-error-mensaje-campo: #ff7a85;
    --color-boton-desactivado-fondo: #393f47;
    --color-boton-desactivado-borde: #2e3644;
    --color-aviso-suave-fondo: #323430;
    --color-aviso-suave-texto: #e9e5cb;
    --color-etiqueta-error: #ff7a85;
    --color-etiqueta-error-contraste: #181d25;
    --color-etiqueta-morado: #593685;
    --color-etiqueta-morado-contraste: #e6e8eb;
    --color-etiqueta-naranja: #95360f;
    --color-etiqueta-naranja-contraste: #e6e8eb;
    --color-fortaleza-1: #f89ba4;
    --color-fortaleza-2: #ff7a85;
    --color-fortaleza-3: #f8ad83;
    --color-fortaleza-4: #f0df80;
    --color-fortaleza-5: #b6d280;
    --color-fortaleza-6: #7cc47f;
    --color-fortaleza-7: #9ccf9f;
    --color-superficie-translucida: #181d25e6;
    --color-velo-carga: #0f1318d9;
    --color-codigo-texto: #fa9099;
    --color-codigo-fondo: #2f6fa826;
    --color-codigo-bloque-texto: #e6e8eb;
    --color-codigo-bloque-fondo: #1e232b;
    --color-ayuda-texto: #181d25;
    --color-ayuda-fondo: #e6e8eb;
    --color-tooltip-texto: #181d25;
    --color-tooltip-fondo: #d1d4d7;
    --color-banner-preproduccion: #f5c182;
    --color-banner-preproduccion-contraste: #181d25;
    --color-pie-fondo: #181d25;
    --color-pie-texto: #e6e8eb;
    --color-menu-borde: #6b7584;
    --color-tarjeta-borde: #525b68;
    --color-sombra-clara: #00000066;
    --color-acceso-fondo: #2f6fa8;
    --color-toast-exito-cabecera: #406346;
    --color-toast-exito-texto: #bcdac0;
    --color-toast-exito-fondo: #273633;
    --color-toast-exito-borde: #364f40;
    --color-toast-info-cabecera: #316470;
    --color-toast-info-texto: #aedbe5;
    --color-toast-info-fondo: #223740;
    --color-toast-info-borde: #2c505c;
    --color-toast-aviso-cabecera: #746f47;
    --color-toast-aviso-texto: #eae4c0;
    --color-toast-aviso-fondo: #383a33;
    --color-toast-aviso-borde: #595740;
    --color-toast-error-cabecera: #7b4149;
    --color-toast-error-texto: #f0bcc2;
    --color-toast-error-fondo: #3b2b33;
    --color-toast-error-borde: #5d3942;
    --color-panel-tinta: #e6e8eb;
    --color-panel-tinta-secundaria: #c3c8cf;
    --color-panel-tinta-tenue: #9aa3ad;
    --color-panel-borde: #2e3644;
    --color-panel-borde-fuerte: #6b7584;
    --color-panel-plano: #1e232b;
    --color-panel-acento-suave: #1a2532;
    --color-panel-seleccion: #1a242f;
    --color-panel-ok: #a1d1a5;
    --color-panel-ok-fondo: #222e2e;
    --color-panel-error: #fa9099;
    --color-panel-error-fondo: #2a242d;
    --color-enlace-legible: #91bee7;
    --color-texto-apagado: #c3c8cf;
    --color-fila-hover-suave: #1e232b;
    --color-estado-activo-texto: #a1d1a5;
    --color-estado-activo-fondo: #243130;
    --color-estado-inactivo-fondo: #242931;
    --color-perfil-anomalo-texto: #f89ba4;
    --color-perfil-1: #71251f;
    --color-perfil-1-contraste: #e6e8eb;
    --color-perfil-2: #1d6035;
    --color-perfil-2-contraste: #e6e8eb;
    --color-perfil-3: #ba7a14;
    --color-perfil-3-contraste: #181d25;
    --color-perfil-4: #1f5a80;
    --color-perfil-4-contraste: #e6e8eb;
    --color-perfil-5: #8f0583;
    --color-perfil-5-contraste: #e6e8eb;
    --color-perfil-6: #62510c;
    --color-perfil-6-contraste: #e6e8eb;
    --color-perfil-7: #8f3c06;
    --color-perfil-7-contraste: #e6e8eb;
    --color-perfil-8: #17425f;
    --color-perfil-8-contraste: #e6e8eb;
    --color-perfil-9: #6e3888;
    --color-perfil-9-contraste: #e6e8eb;
    --color-perfil-10: #04b014;
    --color-perfil-10-contraste: #181d25;
    --color-grafica-1: #2f6fa8;
    --color-grafica-otros: #9aa3ad;
    --color-grafica-tinta: #e6e8eb;
    --color-grafica-tinta-secundaria: #c3c8cf;
    --color-grafica-tinta-tenue: #9aa3ad;
    --color-grafica-tinta-eje: #9aa3ad;
    --color-grafica-rejilla: #282d35;
    --color-grafica-eje: #41464d;
    --color-grafica-borde: #31353d;
    --color-grafica-superficie: #181d25;
    --color-grafica-calor-cero: #1e232b;
    --color-grafica-calor-bajo: #3b2b33;
    --color-grafica-calor-medio: #8c4c55;
}
@media (prefers-color-scheme: dark) {
    :root[data-modo=sistema] {
        color-scheme: dark;
        --color-fondo: #0f1318;
        --color-superficie: #181d25;
        --color-superficie-alt: #1e232b;
        --color-superficie-tenue: #373b43;
        --color-superficie-hover: #1a242f;
        --color-texto: #e6e8eb;
        --color-texto-fuerte: #e6e8eb;
        --color-texto-secundario: #c3c8cf;
        --color-texto-tenue: #9aa3ad;
        --color-texto-auxiliar: #9aa3ad;
        --color-primario: #2f6fa8;
        --color-primario-suave: #285681;
        --color-primario-hover-fondo: #181d25;
        --color-primario-hover-texto: #7cb4e6;
        --color-enlace: #7cb4e6;
        --color-icono: #7cb4e6;
        --color-marca-fondo: #003b63;
        --color-cabecera-fondo: #181d25;
        --color-cabecera-texto: #e6e8eb;
        --color-acento-componentes: #7cb4e6;
        --color-componente-secundario: #c3c8cf;
        --color-componente-exito: #7cc47f;
        --color-componente-aviso: #f0df80;
        --color-componente-oscuro: #d8dbe0;
        --color-componente-apagado: #737b84;
        --color-texto-sobre-componente: #0f1318;
        --color-texto-sobre-aviso: #181d25;
        --color-alerta-clara-separador: #282d35;
        --color-borde: #2e3644;
        --color-borde-control: #6b7584;
        --color-separador: #41464d;
        --color-exito: #7cc47f;
        --color-exito-suave: #45684e;
        --color-exito-contraste: #181d25;
        --color-exito-fondo: #7cc47f6b;
        --color-error: #ff7a85;
        --color-error-suave: #4b313a;
        --color-error-contraste: #181d25;
        --color-error-fondo: #ff7a8542;
        --color-error-fuerte: #ff7a85;
        --color-error-fuerte-contraste: #181d25;
        --color-aviso-contraste: #181d25;
        --color-aviso-fondo: #f0df8063;
        --color-info: #5bc8dc;
        --color-info-borde: #5487b5;
        --color-superficie-encabezado: #242931;
        --color-superficie-cabecera-tarjeta: #1c2129;
        --color-superficie-pulsada: #282d35;
        --color-resalte-cambio: #2c3e37;
        --color-resalte-copiado: #2c3e37;
        --color-texto-dato: #e6e8eb;
        --color-texto-dato-secundario: #a8abb0;
        --color-texto-desactivado: #808892;
        --color-primario-tenue: #1d2d3f;
        --color-seleccion-fondo: #2f6fa81a;
        --color-borde-suave: #232a35;
        --color-borde-campo-editable: #6b7584;
        --color-borde-lista: #2e3644;
        --color-superficie-logos: #1c2129;
        --color-superficie-cabecera-suave: #1e232b;
        --color-superficie-cabecera-suave-hover: #1a242f;
        --color-primario-legible: #94b2cd;
        --color-primario-legible-hover: #789fc3;
        --color-error-campo: #ff7a85;
        --color-error-mensaje-campo: #ff7a85;
        --color-boton-desactivado-fondo: #393f47;
        --color-boton-desactivado-borde: #2e3644;
        --color-aviso-suave-fondo: #323430;
        --color-aviso-suave-texto: #e9e5cb;
        --color-etiqueta-error: #ff7a85;
        --color-etiqueta-error-contraste: #181d25;
        --color-etiqueta-morado: #593685;
        --color-etiqueta-morado-contraste: #e6e8eb;
        --color-etiqueta-naranja: #95360f;
        --color-etiqueta-naranja-contraste: #e6e8eb;
        --color-fortaleza-1: #f89ba4;
        --color-fortaleza-2: #ff7a85;
        --color-fortaleza-3: #f8ad83;
        --color-fortaleza-4: #f0df80;
        --color-fortaleza-5: #b6d280;
        --color-fortaleza-6: #7cc47f;
        --color-fortaleza-7: #9ccf9f;
        --color-superficie-translucida: #181d25e6;
        --color-velo-carga: #0f1318d9;
        --color-codigo-texto: #fa9099;
        --color-codigo-fondo: #2f6fa826;
        --color-codigo-bloque-texto: #e6e8eb;
        --color-codigo-bloque-fondo: #1e232b;
        --color-ayuda-texto: #181d25;
        --color-ayuda-fondo: #e6e8eb;
        --color-tooltip-texto: #181d25;
        --color-tooltip-fondo: #d1d4d7;
        --color-banner-preproduccion: #f5c182;
        --color-banner-preproduccion-contraste: #181d25;
        --color-pie-fondo: #181d25;
        --color-pie-texto: #e6e8eb;
        --color-menu-borde: #6b7584;
        --color-tarjeta-borde: #525b68;
        --color-sombra-clara: #00000066;
        --color-acceso-fondo: #2f6fa8;
        --color-toast-exito-cabecera: #406346;
        --color-toast-exito-texto: #bcdac0;
        --color-toast-exito-fondo: #273633;
        --color-toast-exito-borde: #364f40;
        --color-toast-info-cabecera: #316470;
        --color-toast-info-texto: #aedbe5;
        --color-toast-info-fondo: #223740;
        --color-toast-info-borde: #2c505c;
        --color-toast-aviso-cabecera: #746f47;
        --color-toast-aviso-texto: #eae4c0;
        --color-toast-aviso-fondo: #383a33;
        --color-toast-aviso-borde: #595740;
        --color-toast-error-cabecera: #7b4149;
        --color-toast-error-texto: #f0bcc2;
        --color-toast-error-fondo: #3b2b33;
        --color-toast-error-borde: #5d3942;
        --color-panel-tinta: #e6e8eb;
        --color-panel-tinta-secundaria: #c3c8cf;
        --color-panel-tinta-tenue: #9aa3ad;
        --color-panel-borde: #2e3644;
        --color-panel-borde-fuerte: #6b7584;
        --color-panel-plano: #1e232b;
        --color-panel-acento-suave: #1a2532;
        --color-panel-seleccion: #1a242f;
        --color-panel-ok: #a1d1a5;
        --color-panel-ok-fondo: #222e2e;
        --color-panel-error: #fa9099;
        --color-panel-error-fondo: #2a242d;
        --color-enlace-legible: #91bee7;
        --color-texto-apagado: #c3c8cf;
        --color-fila-hover-suave: #1e232b;
        --color-estado-activo-texto: #a1d1a5;
        --color-estado-activo-fondo: #243130;
        --color-estado-inactivo-fondo: #242931;
        --color-perfil-anomalo-texto: #f89ba4;
        --color-perfil-1: #71251f;
        --color-perfil-1-contraste: #e6e8eb;
        --color-perfil-2: #1d6035;
        --color-perfil-2-contraste: #e6e8eb;
        --color-perfil-3: #ba7a14;
        --color-perfil-3-contraste: #181d25;
        --color-perfil-4: #1f5a80;
        --color-perfil-4-contraste: #e6e8eb;
        --color-perfil-5: #8f0583;
        --color-perfil-5-contraste: #e6e8eb;
        --color-perfil-6: #62510c;
        --color-perfil-6-contraste: #e6e8eb;
        --color-perfil-7: #8f3c06;
        --color-perfil-7-contraste: #e6e8eb;
        --color-perfil-8: #17425f;
        --color-perfil-8-contraste: #e6e8eb;
        --color-perfil-9: #6e3888;
        --color-perfil-9-contraste: #e6e8eb;
        --color-perfil-10: #04b014;
        --color-perfil-10-contraste: #181d25;
        --color-grafica-1: #2f6fa8;
        --color-grafica-otros: #9aa3ad;
        --color-grafica-tinta: #e6e8eb;
        --color-grafica-tinta-secundaria: #c3c8cf;
        --color-grafica-tinta-tenue: #9aa3ad;
        --color-grafica-tinta-eje: #9aa3ad;
        --color-grafica-rejilla: #282d35;
        --color-grafica-eje: #41464d;
        --color-grafica-borde: #31353d;
        --color-grafica-superficie: #181d25;
        --color-grafica-calor-cero: #1e232b;
        --color-grafica-calor-bajo: #3b2b33;
        --color-grafica-calor-medio: #8c4c55;
    }
}