/* GENERADO por design/tokens.mjs desde design/tokens.json — no editar a mano. Temas: claro (por defecto), oscuro (el del sistema si no se elige otro) y exterior (alto contraste para leer al sol). Se aplican con data-tema="claro|oscuro|exterior" en o en cualquier contenedor. Solo tokens semánticos: la paleta cruda no sale de tokens.json. */ :root { --letra-interfaz: "Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --letra-titulos: "Bricolage Grotesque", "Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", sans-serif; --letra-mono: "Atkinson Hyperlegible Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace; --t-mini: 0.6875rem; --t-nota: 0.8125rem; --t-cuerpo: 1rem; --t-destacado: 1.1875rem; --t-titulo-3: 1.4375rem; --t-titulo-2: 1.75rem; --t-titulo-1: 2.0625rem; --t-portada: 2.5rem; --interfaz-interlinea: 1.45; --espacio-1: 4px; --espacio-2: 8px; --espacio-3: 12px; --espacio-4: 16px; --espacio-5: 24px; --espacio-6: 32px; --espacio-7: 48px; --espacio-8: 64px; --radio-s: 6px; --radio-m: 10px; --radio-l: 16px; --radio-pastilla: 999px; --sombra-tarjeta: 0 1px 2px rgb(24 32 36 / 0.07), 0 6px 18px -8px rgb(24 32 36 / 0.14); --sombra-flotante: 0 2px 6px rgb(24 32 36 / 0.10), 0 16px 40px -12px rgb(24 32 36 / 0.28); --mov-rapido: 120ms; --mov-normal: 200ms; --mov-curva: cubic-bezier(0.2, 0, 0, 1); --tactil-min: 44px; } :root, [data-tema="claro"] { color-scheme: light; --fondo: #F7F3EA; --superficie: #FFFDF8; --superficie-honda: #EFE9DD; --borde: #DDD7C9; --texto: #11242D; --texto-2: #475861; --apagado: #8A8278; --marca: #07566A; --marca-honda: #003F4F; --marca-lavado: #DDEFF4; --sobre-marca: #FFFDF8; --foco: #07566A; --acento: #F8D14F; --sobre-acento: #11242D; --resaltado: #FDF0C7; --error: #9E1618; --error-fondo: #FEE9E7; --exito: #2B7440; --exito-fondo: #DFF6E2; --atencion: #915C08; --atencion-fondo: #FEEFCF; --vivo: #F58028; --vivo-fondo: #FEECDF; --sobre-vivo: #11242D; --posicion: #B94F00; --posicion-aro: #FFFFFF; --ruta: #07566A; --ruta-borde: #FFFDF8; --traza: #B94F00; --practico: #475861; --practico-fondo: #EFE9DD; --sobre-categoria: #FFFFFF; --mapa-tierra: #F5F0E4; --mapa-agua: #BBD8E4; --mapa-agua-texto: #2B596D; --mapa-parque: #E0EAD5; --mapa-arena: #F3E7CA; --mapa-edificio: #E8E2DA; --mapa-carretera: #FEFDFB; --mapa-carretera-principal: #FFFCF3; --mapa-carretera-borde: #D7D0C4; --mapa-ferrocarril: #929A9D; --mapa-frontera: #75838A; --mapa-texto: #29353B; --mapa-texto-2: #546066; --mapa-halo: #FAF6EF; --alojamiento: #282894; --alojamiento-fondo: #EAEEFE; --comida: #D00445; --comida-fondo: #FEE8E9; --visita: #683B05; --visita-fondo: #FEEBDA; --naturaleza: #20703E; --naturaleza-fondo: #E0F5E5; --ocio: #8B025A; --ocio-fondo: #FEE7F1; --transporte: #156DA9; --transporte-fondo: #E2F1FE; --ia: #9823E0; --ia-fondo: #F4EAFF; } @media (prefers-color-scheme: dark) { :root:not([data-tema]) { color-scheme: dark; --fondo: #0E1519; --superficie: #171F25; --superficie-honda: #202A31; --borde: #323E45; --texto: #EEEBE4; --texto-2: #BBB7AE; --apagado: #87837A; --marca: #72C6D7; --marca-honda: #ABDFE9; --marca-lavado: #0F3845; --sobre-marca: #0E1519; --foco: #72C6D7; --acento: #F8D14F; --sobre-acento: #11242D; --resaltado: #4E3914; --error: #FFC5C2; --error-fondo: #521D1B; --exito: #89D298; --exito-fondo: #17391F; --atencion: #EDBB64; --atencion-fondo: #442E09; --vivo: #E86500; --vivo-fondo: #482612; --sobre-vivo: #0E1519; --posicion: #E86500; --posicion-aro: #EEEBE4; --ruta: #72C6D7; --ruta-borde: #0E1519; --traza: #E86500; --practico: #BBB7AE; --practico-fondo: #202A31; --sobre-categoria: #0E1519; --mapa-tierra: #161D21; --mapa-agua: #02111B; --mapa-agua-texto: #83ACBC; --mapa-parque: #19281C; --mapa-arena: #2C251B; --mapa-edificio: #232A2E; --mapa-carretera: #31363A; --mapa-carretera-principal: #4C473F; --mapa-carretera-borde: #0D1215; --mapa-ferrocarril: #50565A; --mapa-frontera: #59656D; --mapa-texto: #D4D1CA; --mapa-texto-2: #9C9890; --mapa-halo: #0E1519; --alojamiento: #A1B2FE; --alojamiento-fondo: #282E4C; --comida: #FF98A0; --comida-fondo: #482427; --visita: #AE7948; --visita-fondo: #442A10; --naturaleza: #09C063; --naturaleza-fondo: #183822; --ocio: #EB4AA4; --ocio-fondo: #452434; --transporte: #4F90C5; --transporte-fondo: #16334A; --ia: #BE6FFF; --ia-fondo: #382846; } } [data-tema="oscuro"] { color-scheme: dark; --fondo: #0E1519; --superficie: #171F25; --superficie-honda: #202A31; --borde: #323E45; --texto: #EEEBE4; --texto-2: #BBB7AE; --apagado: #87837A; --marca: #72C6D7; --marca-honda: #ABDFE9; --marca-lavado: #0F3845; --sobre-marca: #0E1519; --foco: #72C6D7; --acento: #F8D14F; --sobre-acento: #11242D; --resaltado: #4E3914; --error: #FFC5C2; --error-fondo: #521D1B; --exito: #89D298; --exito-fondo: #17391F; --atencion: #EDBB64; --atencion-fondo: #442E09; --vivo: #E86500; --vivo-fondo: #482612; --sobre-vivo: #0E1519; --posicion: #E86500; --posicion-aro: #EEEBE4; --ruta: #72C6D7; --ruta-borde: #0E1519; --traza: #E86500; --practico: #BBB7AE; --practico-fondo: #202A31; --sobre-categoria: #0E1519; --mapa-tierra: #161D21; --mapa-agua: #02111B; --mapa-agua-texto: #83ACBC; --mapa-parque: #19281C; --mapa-arena: #2C251B; --mapa-edificio: #232A2E; --mapa-carretera: #31363A; --mapa-carretera-principal: #4C473F; --mapa-carretera-borde: #0D1215; --mapa-ferrocarril: #50565A; --mapa-frontera: #59656D; --mapa-texto: #D4D1CA; --mapa-texto-2: #9C9890; --mapa-halo: #0E1519; --alojamiento: #A1B2FE; --alojamiento-fondo: #282E4C; --comida: #FF98A0; --comida-fondo: #482427; --visita: #AE7948; --visita-fondo: #442A10; --naturaleza: #09C063; --naturaleza-fondo: #183822; --ocio: #EB4AA4; --ocio-fondo: #452434; --transporte: #4F90C5; --transporte-fondo: #16334A; --ia: #BE6FFF; --ia-fondo: #382846; } [data-tema="exterior"] { color-scheme: light; --fondo: #FAF7F2; --superficie: #FFFFFF; --superficie-honda: #EAE6DD; --borde: #6C767C; --texto: #020B10; --texto-2: #2B373E; --apagado: #535D62; --marca: #004456; --marca-honda: #002E3B; --marca-lavado: #D2EBF2; --sobre-marca: #FFFFFF; --foco: #004456; --acento: #F8D14F; --sobre-acento: #020B10; --resaltado: #FAEAAD; --error: #970911; --error-fondo: #FEE9E7; --exito: #195C2E; --exito-fondo: #DFF6E2; --atencion: #6C4302; --atencion-fondo: #FEEFCF; --vivo: #F58028; --vivo-fondo: #FEECDF; --sobre-vivo: #020B10; --posicion: #A44C16; --posicion-aro: #FFFFFF; --ruta: #004456; --ruta-borde: #FFFFFF; --traza: #A44C16; --practico: #2B373E; --practico-fondo: #EAE6DD; --sobre-categoria: #FFFFFF; --mapa-tierra: #F8F5EE; --mapa-agua: #A1DEFC; --mapa-agua-texto: #003249; --mapa-parque: #D7F2CA; --mapa-arena: #F6E7C3; --mapa-edificio: #DCD6CF; --mapa-carretera: #FFFFFF; --mapa-carretera-principal: #FFFFFF; --mapa-carretera-borde: #5E6468; --mapa-ferrocarril: #42494C; --mapa-frontera: #3D4A51; --mapa-texto: #020B10; --mapa-texto-2: #243036; --mapa-halo: #FFFFFF; --alojamiento: #282894; --alojamiento-fondo: #EAEEFE; --comida: #D00445; --comida-fondo: #FEE8E9; --visita: #683B05; --visita-fondo: #FEEBDA; --naturaleza: #20703E; --naturaleza-fondo: #E0F5E5; --ocio: #8B025A; --ocio-fondo: #FEE7F1; --transporte: #156DA9; --transporte-fondo: #E2F1FE; --ia: #9823E0; --ia-fondo: #F4EAFF; } @media (prefers-reduced-motion: reduce) { :root { --mov-rapido: 0ms; --mov-normal: 0ms; } }